@import url('font-awesome.min.css?v=001');

@font-face {
    font-family: "Montserrat-SemiBOld";
    src: url(../fonts/Montserrat/Montserrat-SemiBold.ttf);
}

/* default styles */

body {
    line-height: 1.2
}

img {
    border: 0;
    vertical-align: middle
}

label {
    vertical-align: middle;
    display: initial;
}

.minglebody .fa {
    font-family: FontAwesome!important
}


/*** message boxes ***/

.error-message,
.error-message-mini {
    border-left: solid 4px #FF3B30;
    background: url(../images/invalid.png) 13px center no-repeat #FFF1F2;
    background-size: 16px;
    color: #FF3B30;
    padding: 15px 15px 15px 40px;
    margin: 10px 0px 10px 0;
    font-family: 'Titillium Web', sans-serif;
    line-height: 1.2
}

.succes-message,
.succes-message-mini {
    border-left: solid 4px #5AD427;
    background: url(../images/valid.png) 13px center no-repeat #EFFFE5;
    background-size: 16px;
    color: #21BB10;
    padding: 15px 15px 15px 40px;
    margin: 10px 0px 10px 0;
    font-family: 'Titillium Web', sans-serif;
    line-height: 1.2
}

.info-message {
    border: solid 1px #EEE;
    background: url(../images/info.png) 13px center no-repeat #fff;
    background-size: 16px;
    padding: 15px 15px 15px 40px;
    margin: 10px 0px 10px 0;
    line-height: 1.2
}

.warning-message {
    border-left: solid 4px #FF9500;
    background: url(../images/warning.png) 13px center no-repeat #fcf8e3;
    background-size: 16px;
    color: #FF9500;
    padding: 15px 15px 15px 40px;
    margin: 10px 0px 10px 0;
    font-family: 'Titillium Web', sans-serif;
    line-height: 1.2
}
.general-info-message {
    border-left: solid 4px #58B0D3;
    background: url(../images/info.svg) 13px center no-repeat #d2eaf3;
    background-size: 16px;
    color: #38A1C9;
    padding: 15px 15px 15px 40px;
    margin: 10px 0px 10px 0;
    font-family: 'Titillium Web', sans-serif;
    line-height: 1.2;
}

.note-message {
    margin: 10px 0px 10px 0;
    padding: 15px 15px 15px 40px;
    border-left: solid 4px #8E8E93;
    background: url(../images/info.png) 13px center no-repeat #f0f0f0;
    background-size: 16px;
    color: #8E8E93;
    -webkit-box-shadow: inset 0px 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 0px 1px 0px #fff;
    box-shadow: inset 0px 0px 1px 0px #fff;
    line-height: 1.2
}

.error-message-mini,
.succes-message-mini {
    padding: 9px 10px 9px 30px;
    font-size: 11px;
    font-weight: bold;
    border-left-width: 2px;
    background-position: 7px center;
    background-size: 16px;
}


/*** menuitems buttons ***/

.duplicatebutton,
.renamebutton,
.moveupbutton,
.movedownbutton,
.minusbutton,
.addbutton {
    margin-top: 0 !important
}

.group-btn {
    padding: 0px 0 0 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.group-btn input {
    -webkit-box-shadow: inset 0px 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 0px 1px 0px #fff;
    box-shadow: inset 0px 0px 1px 0px #f1f7fb;
    width: 30px !important;
    height: 30px !important;
}

.minusbutton {
    border-left: none !important;
    border-right: none !important;
}

.duplicatebutton,
.moveupbutton {
    border-right: none !important;
}

.addbutton {
    cursor: pointer;
    border: solid 1px #c6c9cc;
    width: 26px;
    height: 26px;
    background: #d3d9dd url(../images/addbutton.png) no-repeat;
    background-position: center;
    float: left;
    background-size: 18px;
}

.addbutton:hover {
    background: #e2e4e6 url(../images/addbutton.png) no-repeat;
    background-position: center;
    background-size: 18px;
}

.minusbutton.disabled {
    background: #d3d9dd url(../images/minusbutton.png) no-repeat!important;
    background-size: 18px!important;
    background-position: center!important;
    opacity: .5!important;
    cursor: auto!important;
}

.renamebutton.disabled {
    background: url(../images/rename.png) #d3d9dd no-repeat!important;
    background-size: 18px!important;
    background-position: center!important;
    opacity: .5!important;
    cursor: auto!important;
}

.minusbutton {
    cursor: pointer;
    border: solid 1px #c6c9cc;
    width: 26px;
    height: 26px;
    background: #d3d9dd url(../images/minusbutton.png) no-repeat;
    background-repeat: no-repeat !important;
    background-position: center;
    float: left;
    background-size: 18px;
}

.minusbutton:hover {
    background: #e2e4e6 url(../images/minusbutton.png) no-repeat;
    background-position: center;
    background-size: 18px;
}

.duplicatebutton {
    cursor: pointer;
    border: solid 1px #c6c9cc;
    width: 26px;
    height: 26px;
    background: #d3d9dd url(../images/duplicate.png) no-repeat;
    background-repeat: no-repeat !important;
    background-position: center;
    float: left;
    background-size: 18px;
}

.duplicatebutton:hover {
    background: #e2e4e6 url(../images/duplicate.png) no-repeat;
    background-position: center;
    background-size: 18px;
}

.renamebutton {
    cursor: pointer;
    border: solid 1px #c6c9cc;
    width: 26px;
    height: 26px;
    background: url(../images/rename.png) #d3d9dd;
    background-repeat: no-repeat !important;
    background-position: center;
    float: left;
    background-size: 18px;
}

.renamebutton:hover {
    background: #e2e4e6 url(../images/rename.png) no-repeat;
    background-position: center;
    background-size: 18px;
}

.moveupbutton {
    cursor: pointer;
    border: solid 1px #c6c9cc !important;
    width: 26px !important;
    height: 26px !important;
    background: #d3d9dd url(../images/moveup.png) no-repeat !important;
    background-position: center !important;
    float: left;
    border-right: none !important;
    background-size: 18px !important;
}

.moveupbutton:hover {
    background: #e2e4e6 url(../images/moveup.png) no-repeat !important;
    background-position: center !important;
    background-size: 18px!important;
}

.movedownbutton {
    cursor: pointer;
    border: solid 1px #c6c9cc !important;
    width: 26px !important;
    height: 26px!important;
    background: #d3d9dd url(../images/movedown.png) no-repeat !important;
    background-position: center !important;
    background-size: 18px!important;
}

.movedownbutton:hover {
    background: #e2e4e6 url(../images/movedown.png) no-repeat !important;
    background-position: center !important;
    background-size: 18px!important;
}


/*** Timeline ***/

.timeline .timeline-circle {
    width: 7px;
    height: 7px;
    float: left;
    background: #ddd;
    margin: 13px -5px 0 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.timeline .timeline-line {
    vertical-align: top;
    margin: 0 0 0 10px;
    padding: 10px;
    border-left: 1px solid #e6e6e6;
    position: relative;
}

.timeline tr:last-child .timeline-line {
    border-left: 1px solid #fff;
}

.timeline tr:last-child .timeline-line:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0px;
    height: 18px;
    width: 2px;
    border-left: 1px solid #e6e6e6;
}


/*** Sidebox and Boxhead ***/

.sidebox {
    font-size: 11px;
    margin: 15px 0 13px !important;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.sidebox img {
    vertical-align: top;
    height: 14px;
    width: 14px;
}

.sidebox b {
    vertical-align: middle;
    margin-left: 3px;
}

.boxbody {
    font-size: 11px;
}

.boxhead {
    background: url(../images/sbhead-r.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: left;
    display: none;
}

.boxhead h2 {
    background: url(../images/sbhead-l.gif) no-repeat top left;
    margin: 0;
    padding: 22px 30px 5px;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1em;
    text-shadow: rgba(0, 0, 0, .4) 0px 2px 5px;
}

.boxbody {
    /*background: url(../images/sbbody-l.gif) no-repeat bottom left;*/
    background: #f3f4f3 !important;
    margin: 10px 0 !important;
    padding: 5px 10px !important;
}

.read-tutorial {
    height: 15px
}


/*** login form ***/

.login_table {
    float: left
}


/*** myapplicationview > webapp publish button ***/

.submissionbuttonwebapp {
    /*background: url(../images/submission_btn_webapp.png) no-repeat top left;*/
    width: 268px;
    height: 56px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
    border: solid 0px #fff;
}

.unpublisgbuttonwebapp {
    /*background: url(../images/unpublish_btn_webapp.png) no-repeat top left;*/
    width: 268px;
    height: 56px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
    border: solid 0px #fff;
}

.appsetting-title {
    border-bottom: solid 1px #eee;
    width: 260px;
    cursor: pointer
}

.appsetting-title a {
    line-height: 16px;
    display: block;
}

.appsetting-image {
    border: solid 1px #eee;
    border-right: none;
    border-top: none;
    border-left: none;
    position: relative;
}

.appsetting-image img {
    vertical-align: middle;
    padding: 3px;
    border: 0;
    height: 44px;
    width: 44px;
}

.appsetting-beta {
    position: absolute;
    top: 0px;
    left: 0;
    width: 13px;
    height: 56px;
    background-color: #5fa97c;
}

.appsetting-beta span {
    position: absolute;
    left: -7px;
    top: 23px;
    transform: rotate(-90deg);
    font-family: "Montserrat-SemiBold";
    font-size: 10px;
    color: #ffffff;
    text-transform: uppercase;
}

.app_dashboard {
    background: #fff;
    border-right: solid 1px #eee;
    border-top: solid 1px #eee;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.app_dashboard.dashboard-leftsection {
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.app_dashboard tr:hover {
    background: #F7F7F7
}

.mini-dashboard-icon {
    width: 16px;
    vertical-align: middle;
    margin: 4px
}

.myappview .app-dashboard .target-platform {
    max-width: 175px;
}


/*** order > credit card details section***/

.card-details {
    position: relative;
    top: -482px;
    left: 380px;
    width: 450px;
    padding-left: 40px;
}


/*** applicationview ***/

.section-title2 {
    color: #444;
    font-weight: bold;
    padding: 20px 0;
    border-bottom: solid 1px #eee;
    text-align: left;
}

.section-title2 img {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    border: 0;
    margin: -6px 0;
}

.divider-solid-line {
    margin: 15px 0;
    border-bottom: solid 1px #eee;
    height: 1px;
}

.divider-dashed-line {
    margin: 15px 0;
    border-bottom: dashed 1px #eee;
    height: 1px;
}

.divider-or {
    display: inline-block;
    background: #eee;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px;
    color: #777;
    text-align: center;
}

.box-shadow {
    box-shadow: 0 0 7px 1px #aaa;
    -webkit-box-shadow: 0 0 7px 1px #aaa;
    -moz-box-shadow: 0 0 7px 1px #aaa;
}

.page-footer {
    border-top: solid 1px #eee;
    padding: 15px 0 0px;
    text-align: right;
}

.underlined {
    padding-bottom: 5px !important;
    border-bottom: 3px solid #47b44b;
    display: inline-block;
    margin-bottom: 15px !important;
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin-top: 0px;
}

.no-data {
    text-align: center!important;
    padding: 30px!important;
    border: solid 1px #eee;
    color: #aaa;
    background: #f7f7f7;
}

.no-data:hover {
    background: #f7f7f7;
}

.relative {
    position: relative
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    vertical-align: middle;
    border: 0;
}

.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: none;
    -webkit-filter: grayscale(0%);
    vertical-align: middle;
    border: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.applicationview-top-apps img {
    margin: 5px 2px 0 0;
    width: 50px;
}


/*** applicationcreate ***/

.minglebody.appcreate {
    padding-bottom: 20px;
}

.appcreate .myapp-view {
    margin: 0 0 -21px 0;
}

.appcreate .myapp-view .section-title {
    padding: 0 10px;
}

.appcreate .myapp-view .icon {
    width: 57px;
    height: 57px;
}

.appcreate .myapp-view .descr {
    padding: 15px 15px 15px 0;
    color: #999
}

.appcreate .myapp-view .appid {
    font-weight: bold;
}

.appcreate .myapp-view #appid {
    width: 200px;
    font-size: 12px;
    padding: 10px 14px;
    float: left;
}

.appcreate .myapp-view button {
    font-size: 16px;
    padding: 8px 15px;
    float: left;
    margin-left: -1px;
}

.appcreate .myapp-view .view-cont {
    padding: 0 20px 0 0;
    position: relative;
}

.appcreate .myapp-view .view-cont .view-inner {
    position: relative;
    height: 400px;
    overflow: hidden;
    margin: 0 0 1px 0
}

    .appcreate .myapp-view .view-cont .view-inner .splash-box {
        width: 300px;
        overflow: hidden;
        height: 100%;
        background-repeat: no-repeat;
        background-image: var(--ux-iphone6websimulator);
        background-size: 265px;
        background-repeat: no-repeat;
        background-position: top 19px left 17px;
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
               /* css only for IE10 + */
              .appcreate .myapp-view .view-cont .view-inner .splash-box {
				background-image: url(/images/iphone6websimulator.png);
              }
              .appcreate .myapp-view .view-cont .view-inner .splash-box.iPhone6 {
			    background-image: url(/images/iphone6websimulator.png);
			   }
            }

.appcreate .myapp-view .view-cont .view-inner .splash-preview-img {
    width: 220px;
    position: absolute;
    margin: auto;
    bottom: -12px;
    left: 0;
    right: 0;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.iPhone4 {
    background-image: url(/images/iphone4websimulator.png);
    background-size: 266px;
    background-position: top left 16px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.iPhone4 .splash-preview-img {
    bottom: -18px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.iPhone {
    background-image: url(/images/iphonewebsimulator.png);
    background-size: 265px;
    background-position: top left 16px;
}

    .appcreate .myapp-view .view-cont .view-inner .splash-box.iPhone6 {
        background-image: var(--ux-iphone6websimulator);
        background-size: 265px;
        background-position: top 6px left 17px;
    }

.appcreate .myapp-view .view-cont .view-inner .splash-box.iPhone6Plus {
    background-image: url(/images/iphone6pluswebsimulator.png);
    background-size: 257px;
    background-position: top 11px left 21px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.iPhoneX {
    background-image: url(/images/iphonexwebsimulator.png);
    background-size: 257px;
    background-position: top 11px left 21px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.iPad {
    background-image: url(/images/ipadwebsimulator.png);
    background-size: 254px;
    background-position: top 75px left 23px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.iPad .splash-preview-img {
    top: initial;
    bottom: -36px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.iPhone6 .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.iPhone6Plus .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.iPhoneX .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.Android .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.HTCDesireS .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.Nexus4 .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.Nexus5 .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.Nexus6 .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.Nexus7 .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.Nexus10 .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.Kindle .splash-preview-img,
.appcreate .myapp-view .view-cont .view-inner .splash-box.WebApp .splash-preview-img {
    top: initial;
    bottom: 0px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.Android {
    background-image: url(/images/androidwebsimulator.png);
    background-size: 268px;
    background-position: top 8px left 17px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.HTCDesireS {
    background-image: url(/images/htcdesireswebsimulator.png);
    background-size: 265px;
    background-position: top 7px left 17px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.Nexus4 {
    background-image: url(/images/nexus4websimulator.png);
    background-size: 245px;
    background-position: top 17px left 28px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.Nexus5 {
    background-image: url(/images/nexus5websimulator.png);
    background-size: 249px;
    background-position: top 28px left 25px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.Nexus6 {
    background-image: url(/images/nexus6websimulator.png);
    background-size: 246px;
    background-position: top 32px left 27px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.Nexus7 {
    background-image: url(/images/nexus7websimulator.png);
    background-size: 266px;
    background-position: top 13px left 17px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.Nexus10 {
    background-image: url(/images/nexus10websimulator.png);
    background-size: 294px;
    background-position: top 32px left 4px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.Kindle {
    background-image: url(/images/kindlewebsimulator.png);
    background-size: 300px;
    background-position: top 26px left 0px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.WebApp {
    background-image: none
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.WebApp .splash-preview-img {
    border: solid 30px #dedede;
    border-bottom: 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.appcreate .myapp-view .view-cont .view-inner .splash-box.platform-iPad .splash-preview-img {
    top: 110px;
    width: 224px;
}


/*** myapplicationadd ***/

.splash-preview {
    width: 300px;
    overflow: hidden;
}

.splash-preview-img {
    border: 0;
    width: 220px;
    position: absolute;
    top: 83px;
    left: 60px;
}


/*** applications ***/


/*Emulator Dialog styles Start*/

.applications #loadingDiv {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 99999;
    text-align: center;
}

.applications .ui-widget-header {
    border: none !important;
    background: transparent !important;
}

.applications .ui-widget-content {
    border: none !important;
    background: transparent !important;
}

.applications .ui-dialog {
    overflow: visible !important;
}

.applications .ui-dialog-titlebar-close.ui-state-hover {
    background: none;
    border: none;
    padding: 0px;
}

.applications .ui-dialog .ui-dialog-titlebar-close {
    padding: 0 !important;
}

.applications .ui-dialog-titlebar-close .ui-icon-closethick {
    background: none !important;
}

.applications .ui-dialog-titlebar {
    float: right;
    border: 0;
    padding: 0;
}

.applications .ui-dialog-titlebar-close {
    z-index: 999;
    position: fixed !important;
    top: 25px !important;
    right: 20px !important;
    width: 45px !important;
    height: 45px !important;
    background: url(../images/fancy-close-btn.png) no-repeat left top !important;
}

.applications .ui-dialog-titlebar-close:hover,
.applications .ui-state-hover {
    background: url(../images/fancy-close-btn.png) no-repeat left bottom !important;
}

.applications .ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: absolute;
    right: 0;
}


/*Emulator Dialog styles End*/

.applications .section-title {
    font-size: 21px;
    padding: 8px 0 8px;
}

.applications .marketplace-filter {
    padding: 0px;
    margin: 0;
    border-top: solid 1px #e5e5e5;
    width: 174px;
}

.applications .marketplace-filter li {
    padding: 0 0 0 0px;
    font-size: 12px;
    height: 86px;
    float: left;
    width: 50%;
    border-top: solid 1px #f6f6f6;
    border-bottom: solid 1px #eee;
    position: relative;
    cursor: pointer;
}

.applications .marketplace-filter li:nth-child(2n+1) {
    border-right: solid 1px #eee;
}

.applications .marketplace-filter li:nth-child(2n+2) {
    /*border-left: solid 1px #f6f6f6;*/
}

.applications .marketplace-filter li img {
    width: 32px;
    height: 32px;
    display: block;
    margin: 9px auto 7px;
}

.applications .marketplace-filter li span {
    /*display:inline-block;*/
    padding: 4px 0;
    text-decoration: none;
    width: 130px;
    color: #666;
}

.applications .marketplace-filter li.filter_item_selected,
.applications .marketplace-filter li.filter_add_hover:hover {
    background: #fff;
    /*-webkit-box-shadow: 0px 0px 4px 0px #e5e5e5;
    -moz-box-shadow: 0px 0px 4px 0px #e5e5e5;
    box-shadow: 0px 0px 4px 0px #e5e5e5;*/
}

.applications .marketplace-filter li.filter_item_selected span {
    color: #222;
}

.applications .marketplace-filter li.filter_add_hover:hover span {
    color: #222;
}

.applications .playlink {
    cursor: pointer;
    color: #0079C1;
    margin: 0 5px 0 0;
}

.applications .app-playvideo,
.applications .app-emulator {
    margin: -2px 2px 0 0;
    height: 16px;
    width: 22px;
}

.applications .template-filters {
    background-color: #f9f9f9;
    margin: 10px;
    padding: 0;
    text-align: center;
    border-left: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.applications .template-item {
    width: 100%;
    padding: 20px 10px 0 15px;
    border-bottom: solid 1px #eee;
}

.applications .template-item .left-side {
    width: 205px;
}

.applications .template-item .template-splash-box {
    position: relative;
    height: 290px;
    overflow: hidden;
}

.applications .template-item .splash-link {
    position: absolute;
    left: 17px;
    top: 48px;
}

.applications .template-item .splash-link img {
    width: 166px;
    min-height: 242px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.applications .template-item .splash-img {
    position: absolute;
    left: 0px;
    top: 0px;
}

.applications .template-item .splash-img img {
    width: 200px;
    height: 294px;
}

.applications .template-item .sel-app {
    padding: 7px 15px!important;
    margin: 0;
    display: inline-block
}

.applications .template-item .sel-app .fa {
    font-size: 11px;
    margin-left: 2px;
}

.applications .screens-slider {
    white-space: nowrap;
    max-width: 1px !important;
    overflow-x: auto;
    outline: 0px solid red;
    position: relative;
}

.applications .screens-slider:after {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30px;
    background: -webkit-linear-gradient(left, transparent, #fff);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, transparent, #fff);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, transparent, #fff);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, transparent, #fff);
    /* Standard syntax */
}

.applications .screens-slider a {
    width: 20%;
    min-height: 132px;
    background: #fff url('/images/loading.gif') no-repeat center center;
    background-size: 20px 20px;
    float: left;
    vertical-align: top;
    padding-right: 3px;
}

.applications .screens-slider a img {
    width: 100%
}

.applications .categories-select {
    display: none;
}

@media(max-width:1002px) {
    .applications .hidden-1002 {
        display: none;
    }
}

@media(min-width:993px) {
    .applications .align-right-sm-bigger {
        text-align: right !important;
        margin-top: 0 !important;
    }
}

@media(max-width:767px) {
    .applications .wizard-navigation li {
        width: 50%;
    }
    .applications .wizard-navigation li {
        border-right: 1px solid #eee;
    }
}

@media(max-width:680px) {
    .applications .hidden-680 {
        display: none;
    }
    .applications .categories-select {
        display: block;
    }
    .applications .template-item {
        margin-left: 0;
    }
}

@media(max-width:395px) {
    .applications .screens-slider {
        padding-right: 50px !important;
    }
    .applications .wizard-navigation li {
        width: 100%;
    }
    .applications .wizard-navigation>li.active-nav+li a {
        border-left: 1px solid #eee !important;
    }
}


/*** myapplications ***/

.myapps .line-center {
    position: relative;
    z-index: 1;
    text-shadow: none;
}

.myapps .line-center-container:hover {
    background: #ececec;
    cursor: default
}

.myapps .applistitems:hover .line-center-container {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.myapps table.app-dashboard {
    text-align: right;
    padding-right: 5px;
    font-size: 11px;
    float: right;
    margin: -3px 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    line-height: 16px;
}

.myapps .applistitems:hover table.app-dashboard {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.myapps table.app-dashboard tr td:hover {
    background: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.myapps table.app-dashboard tr td a img {
    margin: 0 2px 0 1px
}

.myapps .applistitems:hover {
    background: #f7f7f7 !important
}

.myapps .applistitems:hover .app-name {
    text-decoration: underline
}

.myapps #loadingDiv {
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.4);
    z-index: 999;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0
}

.myapps #loadingDiv table {
    margin: 0 auto;
}

.myapps .selectable-filters {
    padding: 10px 0;
    margin: 0
}

.myapps .selectable-filters li {
    padding: 2px;
    border: solid 1px #f8f8f8;
}

.myapps .selectable-filters li:hover {
    background: #fff;
    border: solid 1px #ddd !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative;
}

.myapps .selectable-filters li label {
    display: inline-block;
    cursor: pointer;
    width: 118px
}

.myapps .right-section {
    position: absolute;
    width: 170px;
    text-align: left;
    height: 100%;
    border: solid 1px #eee;
    padding: 10px;
    background: #f0f0f0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0px 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 0px 1px 0px #fff;
    box-shadow: inset 0px 0px 1px 0px #fff;
}

.myapps .right-section .divider-solid-line {
    border-color: #e5e5e6;
    margin: 12px 0;
}

.myapps .marketplace-filter {
    padding: 0px;
    margin: 0
}

.myapps .marketplace-filter li {
    padding: 0 0 0 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 12px;
}

.myapps .marketplace-filter li span {
    display: inline-block;
    padding: 4px 0 4px 23px;
    text-decoration: none;
    width: 120px;
    color: #666;
    cursor: pointer;
    border: solid 1px #f0f0f0;
}

.myapps .filter_item_selected {
    background: url(../images/icon-check-dark.png) no-repeat 5px center;
    background-size: 13px;
}

.myapps .filter_item_selected:hover {
    background: #fff url(../images/icon-close-black.png) no-repeat 5px center;
    background-size: 13px;
    border: solid 1px #ddd !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative;
}

.myapps .filter_remove_hover:hover {
    background: #fff url(../images/icon-close-black.png) no-repeat 5px center;
    background-size: 13px;
    border: solid 1px #ddd !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative;
}

.myapps .filter_add_hover:hover {
    background: #fff url(../images/icon-check-dark.png) no-repeat 5px center;
    background-size: 13px;
    border: solid 1px #ddd !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative;
}

.myapps .remove-all-filters {
    padding: 5px 7px !important;
    font-size: 10px !important;
    background-image: none;
}

.myapps .search-input {
    background: url(../images/search-dark.png) no-repeat 10px 6px #fff;
    border: solid 1px #ccc;
    width: 144px !important;
    padding: 6px 15px 6px 30px;
    margin: 1px -5px 0 -5px;
}

.myapps .search-input:focus {
    border: solid 1px #999
}

.myapps .applistitems {
    border-bottom: solid 1px #eee;
    cursor: pointer;
    width: 100%;
}

.myapps .select {
    height: 28px;
}

.myapps .top-pag .verylongroundbutton {
    padding: 7px !important;
    font-size: 11px !important;
    line-height: 12px;
    -webkit-border-radius: 3px;
    -webkit-border-top-left-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius: 3px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.myapps .blnk {
    padding: 6px 3px !important;
    display: inline-block;
    margin: 0;
    width: 148px;
}

.myapps .top-pag {
    width: 100%;
    padding: 10px;
    border-bottom: solid 1px #eee;
}

.myapps .apps-list {
    float: right;
    border: solid 1px #eee;
    width: calc(100% - 169px);
}


/*** myapplicationview ***/

.myappview .downuploadbutton {
    cursor: pointer;
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.myappview .downuploadbutton:hover {
    cursor: pointer;
    filter: none;
    -webkit-filter: none;
}

.myappview .app-title {
    font-size: 13px;
    padding: 0 0 5px;
    color: #444;
    width: 175px
}

.myappview .app-status {
    padding: 0 0 4px;
    color: #666
}

.myappview .app-status img {
    width: 10px;
    height: 10px;
}

.myappview .app-target {
    color: #666;
}

.myappview .custom-dropdown {
    font-size: 10px;
    height: 20px;
    border: solid 1px #eee;
    color: #666;
}

.myappview .app-options {
    font-size: 10px;
    min-width: 77px;
    padding-left: 5px;
    border-left: solid 1px #eee;
    vertical-align: middle;
}

.myappview .delete-app img {
    width: 11px;
    height: 11px;
}

.myappview .request-size {
    font-weight: bold;
    cursor: pointer;
    padding: 4px 6px;
    background: #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    display: inline-block;
    text-align: center;
    color: #666;
    font-size: 11px;
}

.myappview .request-size:hover {
    background: #f6f6f6
}

.myappview .request-size img {
    width: 12px;
    height: 12px;
    margin: -2px 5px 0px 0
}

.myappview .inapp-resources {
    margin: 0 2px 0 0;
    width: 159px;
    background: url(../images/icon-phone-32.png) left 7px center no-repeat #d3d9dd;
    background-size: 16px;
    padding: 7px 7px 7px 22px;
}

.myappview .cloud-resources {
    margin: 0 0 0 2px;
    width: 159px;
    background: url(../images/icon-cloud-32.png) left 6px center no-repeat #d3d9dd;
    background-size: 16px;
    padding: 7px 7px 7px 24px;
}

.myappview .cloud-resources:active {
    background: url(../images/icon-cloud-32.png) left 6px center no-repeat #bdc4c9;
    background-size: 16px;
}

.myappview .inapp-resources:active {
    background: url(../images/icon-phone-32.png) left 7px center no-repeat #bdc4c9;
    background-size: 16px;
}

.myappview .linktoapp {
    border: solid 1px #eee;
    border-right: none;
    width: 100%;
    position: absolute;
    padding: 7px;
    left: 0;
    box-sizing: border-box;
    margin: 14px 0 0
}

.myappview .app-dashboard {
    font-size: 11px;
    margin: 15px 0 0 0;
    height: 50px;
}

.myappview .app-dashboard .app-icon {
    vertical-align: middle;
    min-width: 48px;
}

.myappview .app-dashboard .app-link {
    position: relative;
    display: block;
}

.myappview .app-dashboard .app-link:hover .app-icon-edit {
    display: block;
    width: 14px;
}

.myappview .app-dashboard .app-icon-edit {
    display: none;
    padding: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: rgba(0, 0, 0, .3);
}

.myappview .toggleapplink {
    width: 36px;
    height: 29px;
}

.myappview .embed-app-title {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
}

.myappview .embed-app-code {
    font-size: 10px;
    width: 100%;
    padding: 4px;
}

.myappview .myapp-right-side {
    padding: 15px 20px;
    margin-bottom: 10px;
    background: #fbfbfb;
    min-width: 310px
}

.myappview .myapp-right-side .section-title2 {
    padding: 0 0 10px;
}

.myappview .app_settings_dashboard {
    font-size: 12px;
    margin-top: 10px;
    border-bottom: solid 1px #eee
}

.myappview .app_settings_dashboard a {
    background: white;
    width: 25%;
    float: left;
    display: block;
    text-align: center;
    padding: 4px 4px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #eee;
    border-left: none;
    border-bottom: none;
    font-size: 11px;
}

.myappview .app_settings_dashboard a:hover {
    background: #f7f7f7
}

.myappview .app_settings_dashboard a:first-child {
    border-left: solid 1px #eee;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.myappview .app_settings_dashboard a:last-child {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.myappview .app_settings_dashboard img {
    display: block;
    width: 16px;
    height: 16px;
    margin: 4px auto;
}

.myappview .development-item-title {
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0 5px;
}

.myappview .development-item {
    padding: 0px;
    float: left;
    width: 33.33%;
    border: solid 1px #eee;
    border-right: none;
    text-align: center;
    background: #fff;
}

.myappview .development-items .development-item:first-of-type,
.myappview .development-items .development-item:nth-child(4n+4) {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.myappview .development-items .development-item:last-of-type,
.myappview .development-items .development-item:nth-child(3n+3) {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.myappview .development-items .development-item:last-of-type,
.myappview .development-items .development-item:nth-child(3n+3) {
    border: solid 1px #eee;
}

.myappview .development-items .development-item:nth-child(1n+4) {
    border-top: none;
}

.myappview .development-items .development-item:last-of-type(5n) {
    width: 33.5%;
}

.myappview .development-item:hover {
    background: #f7f7f7;
}

.myappview .development-item.cdrs {
    text-align: left;
    padding-left: 10px;
}

.myappview .development-item.cdrs h3 {
    margin: 10px 0 4px 0;
    font-size: 11px;
}

.myappview .development-item.cdrs ul {
    padding: 0;
    margin: 0;
}

.myappview .development-item a {
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    display: block;
}

.myappview .development-item.third-party a {
    line-height: 21px;
}

.myappview .help-box .development-item {
    height: 98px;
    font-size: 11px;
}

.myappview .help-box .development-item img {
    height: 24px;
    width: 24px;
    padding: 10px 0 8px;
}

.myappview .help-box .development-item a {
    line-height: 16px;
    height: auto;
    font-size: 11px;
}

.myappview .optional-services .development-item {
    height: 67px;
    font-size: 11px;
    width: 50%
}

.myappview .optional-services .development-item img {
    height: 24px;
    width: 24px;
    padding: 10px 0 8px;
}

.myappview .optional-services .development-item .fa {
    margin-top: 10px;
}

.myappview .optional-services .development-item .list .fa {
    margin-top: 0px;
}

.myappview .optional-services .development-item a {
    line-height: 16px;
    height: auto;
    font-size: 11px;
}

.myappview .current-build-status {
    font-size: 12px;
    line-height: 18px;
    color: #666;
}

.myappview .current-build-status-title {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 7px;
    font-size: 13px;
    color: #444;
}

.myappview .current-build-status b {
    color: #444;
}

.myappview .sim-edit-links {
    padding: 7px 10px 6px 10px;
    border: solid 1px #eee;
    margin: 10px 0;
    background: #f3f3f3;
    text-align: center;
    font-size: 12px;
}

.myappview .sim-edit-links .divider-span {
    color: #ccc;
    padding: 0 3px;
    margin: 0;
    display: inline-block;
    float: none;
}

.myappview .sim-edit-links .edit-content-img,
.myappview .sim-edit-links .edit-css-img {
    margin: 0;
}

.myappview .sim-edit-links .edit-settings-img {
    margin: 0
}

.myappview .sim-edit-links img {
    height: 16px;
    width: 16px;
}

.myappview .sim-edit-links .sim-action {
    padding: 2px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block
}

.myappview .sim-edit-links .sim-action:hover {
    background: #fff;
}


/*** myapplicationedit / myapplicationview / myapplications ***/

.menutabPages {
    font-size: 12px;
    width: 190px;
    border-right: solid 1px #E9E9E9;
    padding: 8px 10px;
}

.menutabPages .titl {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    display: inline-block;
}

.menutabPages .titl.active {
    -webkit-transform: translate(-70px, 0%);
    -ms-transform: translate(70px, 0%);
    transform: translate(-70px, 0%);
}

.menutabEdit {
    font-size: 12px;
}

.menutabPages .mulchecker-box #mulchecker {
    font-size: 14px;
    margin: 0 2px 0 0;
}

.menutabPages .search-box .fa-search {
    margin-right: 6px;
    position: absolute;
    top: -5px;
    right: -8px;
}

.menutabPages .search-box #content {
    position: absolute;
    top: 7px;
    right: 0px;
}

.menutabPages .search-box #content.on {
    -webkit-animation-name: in-out;
    animation-name: in-out;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.menutabPages .search-box input {
    box-sizing: border-box;
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0px solid #666;
    border-radius: 50%;
    background: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    -webkit-transition: width 0.2s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
    transition: width 0.2s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.menutabPages .search-box .search {
    background: none;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 9px;
    width: 9px;
    padding: 0;
    border-radius: 100%;
    outline: 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.menutabPages .search-box .search:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 2px;
    background-color: #666;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 4px;
    margin-left: 2px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.menutabPages .search-box .close {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    width: 24px;
    height: 24px;
}

.menutabPages .search-box .close:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    right: 0;
    margin-top: 4px;
    background-color: #666;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.menutabPages .search-box .close:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    right: 0;
    background-color: #666;
    margin-top: 4px;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menutabPages .search-box .square {
    position: relative;
    right: 0px;
    box-sizing: border-box;
    padding: 0 40px 0 10px;
    margin-top: 0px;
    width: 208px;
    height: 28px;
    border: 2px solid #666;
    border-radius: 0;
    background: none;
    color: #333;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    outline: 0;
    -webkit-transition: width 0.2s ease-in-out, border-radius 0.2s ease-in-out, padding 0.2s;
    transition: width 0.2s ease-in-out, border-radius 0.2s ease-in-out, padding 0.2s;
    -webkit-transition-delay: 0.2s, 0s, 0.2s;
    transition-delay: 0.2s, 0s, 0.2s;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: translate(9px, -50%);
    -ms-transform: translate(9px, -50%);
    transform: translate(9px, -50%);
}

.myappedit .verylongroundbutton,
.myappedit .whiteblackbutton {
    height: 28px;
    line-height: 28px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block
}

.myappedit .appid-details-block {
    width: 355px;
}

.myappedit .myloader {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #47b44b;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: myappedit-spin 2s linear infinite;
    margin: auto;
    margin-top: 50%;
}

@keyframes myappedit-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.app-details-box {
    float: right;
    margin: 0 -20px -5px 0;
}

.appid_details {
    color: #777;
    font-size: 11px;
    padding: 4px;
}

.appid_details span {
    width: 12px;
    height: 12px;
    background: url(/images/icon-more3.png) top no-repeat;
    background-size: 12px;
    display: block
}

.appid_details span:hover {
    background: url(/images/icon-more3.png) bottom no-repeat;
    background-size: 12px;
}

.appid_details:hover {
    cursor: pointer;
    text-decoration: underline;
}

.appid-details-block {
    position: absolute;
    z-index: 9;
    width: 311px;
    text-align: left;
    font-size: 11px;
    display: none;
    padding: 3px 5px;
    background: #f7f7f7;
    border: solid 1px #ddd;
    margin: 5px 0 0px 0px;
    -webkit-border-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 2px;
    -moz-border-radius-topright: 0;
    border-radius: 2px;
    border-top-right-radius: 0;
    right: 20px;
    top: -5px;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.cloud-resources-message {
    position: relative;
    right: 0;
    top: 0;
}

.linkify {
    color: #0079C1;
    cursor: pointer;
    text-decoration: underline;
}

.linkify:hover {
    color: #015486;
}


/*****************************/


/*** breadcrumb navigation ***/


/*****************************/

.breadcrumb-navigation {
    padding: 20px 0px;
    margin: 0 0px 0px 0;
    list-style: none;
    border-bottom: solid 1px #EEEEEE;
}

.breadcrumb-navigation>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.breadcrumb-navigation>li>a {
    text-decoration: none;
    font-size: 13px;
}

.breadcrumb-navigation>li>a:hover {
    text-decoration: underline
}

.breadcrumb-navigation>li>.divider-span {
    color: #ccc;
    padding: 0 5px;
    margin: 0;
    display: inline-block;
    float: none
}

.breadcrumb-navigation>.active {
    color: #999999;
}


/*************************/


/*** Wizard Navigation ***/


/*************************/

.wizard-box {
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .05);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .05);
}

.wizard-navigation {
    padding: 0;
    margin: -1px 0px 0px 0;
    list-style: none;
}

.wizard-navigation * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wizard-navigation>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
    width: 25%;
}

.wizard-navigation>li>a {
    display: block;
    text-align: center;
    margin: 0px;
    text-decoration: none;
    font-size: 13px;
    padding: 3px 10px;
    color: #999;
    background: #fff;
    border: solid 1px #eee;
    border-right: none;
}

.wizard-navigation>li:last-child>a {
    border-right: solid 1px #eee;
}

.wizard-navigation>li>a:hover {
    text-decoration: underline;
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, .05);
    box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, .05);
}

.wizard-navigation>li.active-nav+li a {
    border-left: none!important
}

.wizard-navigation>li.active-nav a {
    background: #f3f3f3;
    color: #232323;
    border: solid 1px #e4e4e4;
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, .05);
    box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, .05);
}

.wizard-navigation>li.active-nav a:hover {
    text-decoration: none;
}

.wizard-navigation>li>a>span {
    font-weight: bold;
}


/***************************/


/*** Navigation Settings ***/


/***************************/

.nav-tab-box {
    padding: 5px 10px 5px;
    border: solid 1px #eee;
    border-top: none;
}

.sortableTable {
    margin: 5px 0px;
    border: solid 1px #eee;
    width: 100%;
    border-spacing: 0;
    background: #f9f9f9;
}

.sortableTable .ellipses,
.sortableTable .ellipses {
    vertical-align: middle;
}

.sortableTable .ellipseseditor {
    padding: 1px 3px;
    border: solid 1px #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
}

.sortableTable .ellipseseditor:focus {
    border-color: #aaa;
    background: #fbfbfb;
}

.sortableTable .nav-tab-icon,
.sortableTable .custom-nav-tab-icon {
    padding: 2px 0px 0 10px;
    border-right: solid 1px #eee;
    background: #fff
}

.sortableTable .custom-nav-tab-icon {
    padding: 5px;
    width: 78px;
}

.sortableTable .custom-nav-tab-icon {
    padding: 5px;
    width: 78px;
    padding: 2px 0px 0 10px;
    border-right: solid 1px #eee;
    background: #fff
}

.sortableTable .nav-action {
    margin: 4px 0;
}

.sortableTable .nav-action img {
    width: 14px;
    height: 14px;
    margin: 0 4px 0 0;
    vertical-align: middle;
}

.sortableTable .nav-action .nav-remove {
    color: #EB2629;
}

.sortableTable .sort-icon {
    background: #f7f7f7;
    text-align: center;
    border-right: solid 1px #eee;
    width: 34px;
}

.sortableTable .sort-icon .sorticon {
    cursor: move;
}

.sortableTable .sort-icon img {
    height: 16px;
    width: 16px;
}

#customtabs_settings td.custom-prop-title {
    padding-left: 5px;
    font-size: 12px;
    width: 170px;
}


/*** rewrite fancybox close button ***/

.fancybox-close {
    position: fixed !important;
    top: 15px !important;
    right: 30px !important;
    width: 45px !important;
    height: 45px !important;
    background: url(../images/fancy-close-btn.png) no-repeat left top !important;
}

.fancybox-close:hover {
    background: url(../images/fancy-close-btn.png) no-repeat left bottom !important;
}

.fancybox-overlay {
    z-index: 10000 !important;
}

#toplayer {
    background: url(../images/fancybox_overlay.png) repeat;
    opacity: 1 !important;
    background-color: transparent !important;
    position: fixed !important
}

#codediv .CodeMirror {
    height: 100%;
}

#deAttachedEditDialog .CodeMirror {
    height: 100%;
}

#deAttachedEditDialog .CodeMirror-scroll {
    height: 100%;
}


/*** TICKET PAGES ***/

.tableheader {
    background: #e4e4e5;
    color: #444;
    font-size: 10pt;
    font-weight: bold;
    padding: 3px;
    width: 100%;
    border: 1px solid #d5d5d5;
    padding: 0 0 0 5px;
    border-bottom: 1px solid #ccc;
    height: 34px;
    vertical-align: middle;
    padding-left: 15px !important;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


/*** GLOBAL Styles ***/

.section-header {
    padding: 10px 15px;
    color: #444;
    background: #ccc;
    border-bottom: solid 1px #bbb;
    font-weight: bold;
    font-size: 12px;
    color: #444;
}

.page-props-container {
    padding: 0px;
}

.page-simulator-container {
    padding: 0 20px;
    vertical-align: top;
}

.page-table {
    width: 100%;
    border-spacing: 0;
}

.page-table .page-editor {
    border: solid 1px #eee;
    padding: 0 20px 20px;
    margin: 15px 0 10px;
    background: #fbfbfb;
    width: 260px;
    border-bottom-color: #ddd;
    -webkit-box-shadow: inset 0px 0px 1px 1px #fff;
    -moz-box-shadow: inset 0px 0px 1px 1px #fff;
    box-shadow: inset 0px 0px 1px 1px #fff;
}

.page-table .page-editor .note-message {
    background: url(../images/info.png) left 12px top 14px no-repeat #fff;
    background-size: 16px;
    font-size: 12px;
    border-left: solid 0px #8E8E93;
    -webkit-box-shadow: 0px 0px 2px 0px #ddd;
    -moz-box-shadow: 0px 0px 2px 0px #ddd;
    box-shadow: 0px 0px 2px 0px #ddd;
}

.page-table .page-editor .divider-dashed-line {
    border-color: #e2e2e2;
}

.prop-note {
    font-size: 11px;
    color: #999;
    margin: 3px 0 0;
}

.prop-title {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 12px;
}

.prop-box {
    border: solid 1px #eee;
    padding: 15px;
    margin-top: 10px;
    background: #f8f8f8;
    border-bottom-color: #e6e6e6;
}

.prop-box-white {
    border: solid 1px #eee;
    padding: 15px;
    margin-top: 10px;
    background: #fff;
    border-bottom-color: #e6e6e6;
}

.prop-table-title {
    background: #ccc;
    color: #444;
    font-weight: bold;
    padding: 6px 8px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.prop-table {
    background: #fff;
    border: solid 1px #ccc;
    border-top: solid 1px #bbb;
    width: 100%;
    min-height: 30px;
    margin-bottom: -1px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Helvetica-Neue', Arial, Helvetica, sans-serif;
}

.prop-table>table {
    width: 100% !important;
    margin: 2px 0 2px 5px;
}

.prop-table>table tr td:first-child {
    font-weight: bold;
    font-size: 11px!important;
    width: 86px;
}

.prop-table .ellipseseditor {
    width: 127px;
    height: 24px;
    padding: 3px 4px;
}

.prop-table .ellipses {
    height: 24px;
    width: 24px;
}

.prop-table .propeditor {
    width: 150px;
}

.prop-table select {
    border: solid 1px #ccc;
    background-color: white;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 20px 2px 9px;
    margin: 0;
    height: 29px;
    outline: none;
    background: url("/images/dd_arrow.png") right 6px center no-repeat #fff;
    background-size: 8px;
}

.prop-table select:focus {
    border: solid 1px #aaa;
    background: url("/images/dd_arrow.png") right 6px center no-repeat #fff !important;
    background-size: 8px;
}

.prop-table .propeditor {
    margin: 0;
    height: 24px;
    padding: 3px 4px;
    border: solid 1px #ccc;
    color: #555;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.prop-table .propeditor:focus {
    border-color: #aaa;
    background: #fbfbfb;
}

.prop-table .propeditor:disabled {
    border-color: #e6e6e6;
    cursor: default;
    color: #bbb;
}

.prop-table #linkpagecontainer,
.prop-table #linklocalcontainer,
.prop-table #linkexternalcontainer {
    margin-top: 2px;
}

.propeditor {
    border: solid 1px #aaa;
    width: 140px;
    height: 18px;
}

.longpropeditor {
    border: solid 1px #aaa;
    width: 254px;
    height: 18px;
}

.ellipseseditor {
    margin: 0;
    float: left;
    width: 117px;
    height: 29px;
    vertical-align: middle;
    padding: 7px 9px;
    border: solid 1px #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ellipses {
    margin: 0 0 0 -1px;
    float: left;
    cursor: pointer;
    border: solid 1px #ccc;
    border-left: solid 1px #ddd;
    width: 29px;
    height: 29px;
    vertical-align: middle;
    background: url(/images/icon-more2.png) center no-repeat #f7f7f7;
    background-size: 14px;
}

.ellipses:hover {
    background-image: url(/images/icon-more-gray.png) center no-repeat #f7f7f7;
    background-size: 14px;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0px 2px rgba(0, 0, 0, .1);
}

.ellipsesdiv {
    display: inline-block;
}


/*** Table Settings ***/

table.table-settings-header {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border: 1px solid;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    font-size: 12px;
    color: #444;
    font-weight: bold;
    cursor: default;
    width: 100%;
    background: #F9F9F9;
    background: -moz-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9F9F9), color-stop(100%, #F3F3F3));
    background: -webkit-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: -o-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: -ms-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: linear-gradient(to bottom, #F9F9F9 0%, #F3F3F3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f3f3f3', GradientType=0);
}

div.table-settings-header {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: solid 1px #ddd;
    border-bottom: none;
    background-color: #DBDDDE;
    font-size: 12px;
    color: #444;
    padding: 8px 10px;
    font-weight: bold;
    cursor: default;
    width: 100%;
    box-sizing: border-box;
    background: #F9F9F9;
    background: -moz-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9F9F9), color-stop(100%, #F3F3F3));
    background: -webkit-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: -o-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: -ms-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: linear-gradient(to bottom, #F9F9F9 0%, #F3F3F3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f3f3f3', GradientType=0);
}

.table-settings {
    border: solid 1px #e8e8e8;
    background: #fff;
    border-top: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.tabfileitem {
    background-color: #f1f1f1 !important;
}

.tabfileitem td {
    border-bottom: solid 1px #e7e7e7 !important;
}

.tabfileitem:hover,
.fileitem:hover {
    background-color: #f1f1f1 !important;
}

.fileitem td {
    border-bottom: solid 1px #f1f1f1 !important;
}

.table-settings>table {
    border-spacing: 0 !important;
}

.table-settings .page-list-container {
    font-size: 11px;
}

.table-settings .page-list-container .page-icon {
    vertical-align: middle;
    height: 16px;
    width: 16px;
    margin: 3px;
    margin-right: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.table-settings .page-list-container .tabfileitem,
.table-settings .page-list-container .fileitem,
.table-settings .page-list-container .selectedfileitem,
.table-settings .page-list-container .selectedtabfileitem {
    cursor: default;
    padding: 2px 3px;
    width: 310px;
    height: 19px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-settings .page-list-container .page-item-name,
.table-settings .page-list-container .page-item-name .truncate {
    width: 209px;
}

.table-settings .page-list-container .page-item-edit,
.table-settings .page-list-container .page-item-html,
.table-settings .page-list-container .page-item-style,
.table-settings .page-list-container .page-item-settings {
    text-align: center;
    font-size: 12px;
}

.table-settings .page-list-container .page-item-edit:hover span,
.table-settings .page-list-container .page-item-html:hover span,
.table-settings .page-list-container .page-item-style:hover span,
.table-settings .page-list-container .page-item-settings:hover span {
    font-size: 12px;
    background: #fff;
    display: block;
    padding: 3px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.table-settings .page-list-container .page-item-edit {
    width: 48px;
}

.table-settings .page-list-container .page-item-html {
    width: 22px;
}

.table-settings .page-list-container .page-item-style {
    width: 50px;
}

.table-settings .page-list-container .page-item-settings {
    /*width: 22px;*/
    text-align: left;
    text-decoration: none;
}

.table-settings .page-list-container .page-item-settings span {
    /*padding: 3px 2px!important;*/
    display: inline-block!important;
}

.table-settings .page-list-container .selectedfileitem .page-item-edit:hover span,
.table-settings .page-list-container .selectedfileitem .page-item-html:hover span,
.table-settings .page-list-container .selectedfileitem .page-item-style:hover span,
.table-settings .page-list-container .selectedfileitem .page-item-settings:hover span,
.table-settings .page-list-container .selectedtabfileitem .page-item-edit:hover span,
.table-settings .page-list-container .selectedtabfileitem .page-item-html:hover span,
.table-settings .page-list-container .selectedtabfileitem .page-item-style:hover span,
.table-settings .page-list-container .selectedtabfileitem .page-item-settings:hover span {
    background: rgba(0, 0, 0, 0.15);
}

.fileitem {
    color: #666;
}

.selectedfileitem,
.selectedtabfileitem {
    background-color: #0079FF;
    color: #ffffff;
}

.tabfileitem {
    background-color: #f8f8f8;
    cursor: default;
    height: 18px;
    width: 280px;
    overflow: hidden;
}

.tabfileitem .page-item-name,
.selectedtabfileitem .page-item-name {
    font-size: 12px;
    font-family: 'montserrat_semibold', Helvetica, Arial, sans-serif;
}

.tabfileitem td div>span {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 0 0 0
}

.tabfileitem td div>img {
    padding: 1px 1px 1px 1px
}

.selectedtabfileitem td div>span {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 0 0 0
}

.selectedtabfileitem td div>img {
    padding: 1px 1px 1px 1px
}

.fileitem td div>span {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 0 0 0
}

.fileitem td div>img {
    padding: 1px 1px 1px 1px
}

.selectedfileitem td div>span {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 0 0 0
}

.selectedfileitem td div>img {
    padding: 1px 1px 1px 1px
}

.fileitem td,
.tabfileitem td {
    border-bottom: solid 1px #f6f6f6;
    text-align: left;
}

.selectedtabfileitem td,
.selectedfileitem td {
    border-bottom: solid 1px #f6f6f6;
    text-align: left;
}

.fileitem td a,
.tabfileitem td a,
.selectedfileitem td a,
.selectedtabfileitem td a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
}

.tabfileitem .page-item-edit a,
.selectedtabfileitem .page-item-edit a,
.tabfileitem .page-item-style a,
.selectedtabfileitem .page-item-style a,
.fileitem .page-item-edit a,
.selectedfileitem .page-item-edit a,
.fileitem .page-item-style a,
.selectedfileitem .page-item-style a {
    width: 50px;
    margin-right: 2px;
}

.tabfileitem .page-item-settings a,
.selectedtabfileitem .page-item-settings a {
    /*width: 35px;*/
}

.tabfileitem .page-item-html,
.selectedtabfileitem .page-item-html {
    width: 20px;
}

.edit-css-img,
.edit-html-img,
.edit-content-img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    cursor: pointer;
}

.edit-css-img,
.edit-content-img {
    margin-right: 1px;
}

.edit-html-img.disabled {
    opacity: .35 !important;
    filter: alpha(opacity=35) !important;
    -khtml-opacity: .35 !important;
    -moz-opacity: .35 !important;
    cursor: default !important;
    background: transparent !important;
}

.selectedtabfileitem div {
    color: #ffffff;
}

.selectedtabfileitem a {
    color: #ffffff;
}

.selectedfileitem div {
    color: #ffffff;
}

.selectedfileitem a {
    color: #ffffff;
}

table.app-dashboard td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pagefooter {
    margin-top: 0px;
}

.inner-shadow {
    -webkit-box-shadow: inset 0px 0px 3px 0px #eee;
    -moz-box-shadow: inset 0px 0px 3px 0px #eee;
    box-shadow: inset 0px 0px 3px 0px #eee;
}

.outer-shadow {
    -webkit-box-shadow: 0px 0px 3px 0px #eee;
    -moz-box-shadow: 0px 0px 3px 0px #eee;
    box-shadow: 0px 0px 3px 0px #eee;
}

.border-radius-top {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.greenbutton[disabled] {
    opacity: .55 !important;
    -moz-opacity: .55 !important;
    cursor: default !important;
    color: #999 !important;
    background: #d3d9dd !important;
    border-color: #d3d9dd !important;
}

.greenbutton[disabled]:hover {
    background: #d3d9dd !important;
}

.redbutton {
    background-color: #EB2629;
    border: 1px solid #EB2629;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #fff;
    padding: 7px 25px;
    text-align: center;
    font-size: 12px !important;
    font-family: 'montserrat_semibold', Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    border-bottom-color: #c6c9cc;
}

.redbutton:hover {
    opacity: .85;
    -moz-opacity: .85;
    opacity: .85;
    cursor: pointer;
}

.greenbutton,
.verylongroundbutton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input.verylongroundbutton {
    margin: 0;
}


/*** UTILS ***/

.clear {
    clear: both
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.no-radius {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.right {
    float: right
}

.left {
    float: left
}

.center {
    text-align: center
}

.margin0 {
    margin: 0 !important
}

.full-width {
    width: 100%
}

.loading-indicator {
    display: inline-block;
    margin: 2px 0 0 5px;
}

.loading-indicator img {
    height: 24px
}

.icon-btn {
    padding-left: 15px !important;
}

.icon-btn img {
    height: 12px;
    width: 12px;
    margin-right: 6px;
}

table.center-table {
    margin: 0 auto;
    border-spacing: 0;
    border-collapse: collapse;
}

table.center-table td,
table.center-table th {
    padding: 0;
}

.shoppingcart tr td {
    height: 28px;
}

.shoppingcart tr:hover {
    background: #f8f8f8;
}

.shoppingcart tr:last-child td {
    border: none
}


/*** LAYOUT EDITOR ***/

.layout-editor-double {
    height: 400px !important;
    background: url(/images/bk-squared-metal.png?v=001) center #fcfcfc !important
}

.layout-editor-double .layout-editor-tabs-container {
    margin: 0 15px 10px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .1);
    margin-top: -20px;
}

.layout-editor-double .editor-header:nth-child(1) {
    background: #e3e3e3;
    border-bottom: solid 1px #d6d6d6;
    z-index: 8;
    position: relative;
}

.layout-editor-double #layout-editor-tabs .ui-tabs-nav {
    min-height: 320px;
}

.layout-editor-double #layout-tab-menuitem .menu-item-inputs .wrapper {
    padding-top: 5px;
    text-align: left
}

.layout-editor-double .layout-editor-tabs-container {
    width: 480px;
}

.layout-editor-double .editor-header-menu-item {
    margin-bottom: -20px;
    padding: 20px 15px !important;
}

.layout-editor-double .layout-editor-buttons {
    position: absolute;
    left: 15px;
    bottom: 8px;
}

#layooutEditorField_page {
    max-width: 175px;
}

#layooutEditorField_htmlid {
    max-width: 175px;
}

#layooutEditorField_htmlinfo {
    max-width: 175px;
}

.layout-editor-double #layout-tab-menuitem .duplicate-button {
    padding: 8px 5px 8px 20px;
    width: 100px;
    background-size: 18px;
    font-size: 11px !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, .1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, .1);
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, .1);
}

.layout-editor-double #layout-tab-menuitem .delete-button {
    padding: 8px 5px 8px 20px;
    width: 78px;
    font-size: 11px !important;
    background-size: 14px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, .1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, .1);
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, .1);
}

.layout-editor-container .ellipses {
    margin: 0 0 0 -1px;
    float: left;
    cursor: pointer;
    border: solid 1px #d6d6d6;
    width: 26px;
    height: 23px;
    background: url(/images/icon-edit.png) no-repeat #e6e6e6;
    background-position: 6px 5px;
    background-size: 12px;
    vertical-align: middle;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.combobox-widget {
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.layout-editor-tabs-container {
    width: 500px;
    float: right;
    border: none;
    border: 0px solid #DDD;
    border-width: 1px 0 0 1px;
}

.layout-editor-container {
    height: 362px;
    margin-left: 0px;
    overflow-y: hidden;
    background: #fcfcfc;
}

.layout-editor-container select {
    background: #dfdfdf;
    border: solid 1px #d3d3d3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 4px 2px;
    text-align: center;
    width: 26px;
    margin: 0 0 0 -1px;
    cursor: pointer;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.layout-editor-container select:hover {
    border-color: #ccc;
    background: #d5d5d5;
}

.layout-editor-container input[disabled],
.layout-editor-container input[disabled]:hover,
.layout-editor-container input[disabled]:focus,
.layout-editor-container select[disabled] {
    color: #aaa;
    border: solid 1px #f2f2f2 !important;
}

.layout-editor-container select[disabled] {
    background: #f5f5f5;
    cursor: default;
    max-width: 160px;
}

.layout-editor-container .ellipseseditor {
    border: solid 1px #d6d6d6;
    padding: 2px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0;
    height: 23px;
}

#layout-editor-tabs {
    padding: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

#layout-editor-tabs .ui-tabs-vertical {
    width: 55em;
}

#layout-editor-tabs .ui-tabs-nav {
    padding: 0;
    float: left;
    width: 12em;
    min-height: 333px;
    height: 100%;
    border-right: 0 !important;
    background: url(../images/background-angled.png) #f5f5f5;
    border-right: solid 1px #F9F9F9 !important;
}

#layout-editor-tabs .ui-tabs-nav li {
    clear: left;
    width: 100%;
    margin: 0;
    top: 0;
    border-bottom: solid 1px #e7e7e7 !important;
    -webkit-box-shadow: inset -3px 0px 5px -2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset -3px 0px 5px -2px rgba(0, 0, 0, .1);
    box-shadow: inset -3px 0px 5px -2px rgba(0, 0, 0, .1);
}

#layout-editor-tabs .ui-tabs-nav li:first-child {
    border-top: none !important
}

#layout-editor-tabs .ui-tabs-nav li.ui-state-active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: 0 -6px 4px -4px rgba(0, 0, 0, .05), 0 5px 4px -5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 -6px 4px -4px rgba(0, 0, 0, .05), 0 5px 4px -5px rgba(0, 0, 0, .1);
    box-shadow: 0 -6px 4px -4px rgba(0, 0, 0, .05), 0 5px 4px -5px rgba(0, 0, 0, .1);
    z-index: 7;
}

#layout-editor-tabs .ui-tabs-nav li a {
    display: block;
}

#layout-editor-tabs .ui-tabs-nav li a:hover {
    text-decoration: underline;
}

#layout-editor-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
    border-right-width: 1px;
}

#layout-editor-tabs .ui-tabs-panel {
    padding: 15px 5px;
    float: right;
    width: 330px;
}

#layout-tab-menuitem {
    float: left;
    width: 210px;
    text-align: center;
    padding: 5px 0 0 5px;
    position: relative;
    height: 337px;
}

.e-element-editor {
    display: none;
    padding: 1px 2px !important;
    margin-left: -2px;
    height: auto !important;
}

.e-element-editor label {
    display: inline-block;
    min-width: 121px;
}

.e-element-editor .CodeMirror {
    width: 100%;
    height: 100%;
}

.e-element-editor .CodeMirror-scroll {
    height: 100%;
    overflow: hidden;
}

.e-element-editor .CodeMirror-code pre {
    word-wrap: break-word;
    word-break: break-word;
}

.e-element-editor .editor-header {
    border-bottom: 1px solid #DDD;
}

.e-element-editor .editor-header,
.e-element-editor .editor-header-menu-item {
    padding: 3px 10px 0px 10px;
    height: 25px;
    font-family: Sans-Serif;
    color: #666;
}

.e-element-editor .delete-button {
    font-size: 10px !important;
    background-image: url(../images/icon-close-black.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 12px;
    /*padding: 3px 12px 3px 24px !important;*/
    width: 115px;
}

.e-element-editor .duplicate-button {
    font-size: 10px !important;
    background-image: url(../images/duplicate.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 12px;
    /*padding: 3px 12px 3px 24px !important;*/
    width: 115px;
    margin: 0 0 3px 0;
}

.e-element-editor-dialog-footer {
    border-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.e-element-editor-dialog-footer button,
.editor-header button {
    margin: .1em .1em .1em .4em !important;
    padding: 6px 12px !important;
}

.menu-item-inputs {
    display: inline-block;
    text-align: center;
    max-height: 286px;
    width: 202px;
    overflow-y: auto;
    text-align: initial;
    margin-right: -10px;
}

.menu-item-inputs .wrapper label {
    display: block;
    margin-bottom: 4px;
}

.style-inputs .wrapper label {
    text-align: right;
    margin-right: 7px;
}

.style-inputs .wrapper,
.menu-item-inputs .wrapper {
    margin-bottom: 3px;
}

.style-inputs .ellipses,
.menu-item-inputs .ellipses {
    vertical-align: top;
    float: none;
}

.style-inputs input[type="text"],
.menu-item-inputs input[type="text"],
.style-inputs input[type="number"] {
    margin: 0;
    padding: 0;
    height: 17px;
    border: solid 1px #d6d6d6;
    padding: 2px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.colpick {
    z-index: 99999;
}

.e-element-editor .duplicate-button,
.e-element-editor .delete-button,
.e-element-editor .apply-button,
.e-element-editor .cancel-button {
    padding: 5px 12px;
}

.actionpicker input,
.actionpicker .select {
    width: 180px;
    margin-bottom: 2px;
}

.actionpicker .ellipses {
    width: 28px;
    margin-left: -28px;
}

.ui-dialog-buttonset button {
    outline: 0;
    margin: 2px !important
}


/*** Layout Editor > submenu ***/

.arrow-center {
    text-align: center;
    margin: 15px 0px 0 -8px;
    float: left
}

.element_table {
    position: relative;
    background: url(/images/bk_layout_arrowcorner.png) no-repeat right 1px bottom 1px
}

.element_hover {
    background: #eee;
}

.element_hover>.edittexttoolboxitem {
    border-bottom: solid 1px #ccc
}

.nav-menu {
    display: none;
    position: absolute;
    z-index: 1005;
    background: #fbfbfb !important;
    right: -246px;
    top: -1px;
    width: 246px;
    border-top: solid 1px #ddd;
}

.nav-menu .edittexttoolboxitem {
    float: left;
    background: white;
}

.nav-menu .edittexttoolboxitem:hover {
    background-color: #eee !important;
}

.nav-menu .first-item {
    border-left: none
}

.nav-menu .first-item:hover {
    border-left: none
}

.edittexttoolboxitem {
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-top: none;
    border-left: none;
    width: 40px;
    height: 40px;
    background-size: 30px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.edittexttoolboxitem:hover {
    width: 40px;
    height: 40px;
    background-color: #e3e3e3 !important;
    -webkit-box-shadow: inset 0px 0px 3px 0px #d7d7d7;
    -moz-box-shadow: inset 0px 0px 3px 0px #d7d7d7;
    box-shadow: inset 0px 0px 3px 0px #d7d7d7;
}

.toolboxtable {
    background: #f7f7f7;
    border-left: solid 1px #ddd;
    -webkit-box-shadow: inset -1px -1px 0px 0px #ddd;
    -moz-box-shadow: inset -1px -1px 0px 0px #ddd;
    box-shadow: inset -1px -1px 0px 0px #ddd;
}


/*** IMAGE TOOLTIP > PAGE.ASPX ***/

#screenshot {
    position: absolute;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
    z-index: 999
}

#screenshot img {
    width: 180px;
}

.screenshot {
    text-decoration: none;
    color: #666 !important;
}

.screenshot:hover {
    text-decoration: none;
    color: #000 !important;
}


/*** VERTICAL TABS ***/

.ui-tabs-vertical {
    width: 100%;
    padding: 0;
    border: none;
    border: 1px solid #e5e5e5;
}

.ui-tabs-vertical>.ui-tabs-nav {
    padding: 0 0 1px 0;
    float: left;
    border: none;
    background: none;
    margin: -1px 0 0 0
}

.ui-tabs-vertical>.ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-top: solid 0px #fafafa !important;
    border-bottom: solid 1px #e7e7e7 !important;
    border-right-width: 0 !important;
    border-left: solid 1px #fafafa !important;
    margin: 0;
    background: #f5f5f5;
    -moz-box-shadow: inset -3px 0px 3px -2px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset -3px 0px 3px -2px rgba(0, 0, 0, .05);
    box-shadow: inset -3px 0px 3px -2px rgba(0, 0, 0, .05);
}

.ui-tabs-vertical>.ui-tabs-nav li a {
    text-align: left;
    color: #666;
    display: block;
    padding: 20px 30px 20px 20px;
    font-size: 16px;
    width: 82%;
}

.ui-tabs-vertical>.ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
    border-right-width: 1px;
}

.ui-tabs-vertical>.ui-tabs-nav li.ui-state-active {
    background: #fff;
    -moz-box-shadow: -3px 3px 3px -2px rgba(0, 0, 0, .05);
    -webkit-box-shadow: -3px 3px 3px -2px rgba(0, 0, 0, .05);
    box-shadow: -3px 3px 3px -2px rgba(0, 0, 0, .05);
}

.ui-tabs-vertical .ui-tabs-panel {
    padding: 40px;
    float: right;
    width: 570px;
    text-align: left;
}

.ui-tabs-vertical>.ui-state-active {
    background: #fff !important;
    padding: 0 !important
}

.ui-state-active a {
    color: #47b44b !important;
    cursor: pointer !important
}

.ui-tabs-vertical>.ui-tabs-nav li a img {
    vertical-align: middle;
    height: 24px;
    margin: 0 8px 0 0
}

.ui-tabs-vertical>.ui-tabs-nav li a span {
    vertical-align: middle
}

.vertical-tabs-content {
    list-style-type: none;
    color: #666;
    text-shadow: 0px 1px 0px #fafafa;
    line-height: 20px;
    font-size: 13px;
}

.vertical-tabs-content a {
    color: #0079C1
}

.vertical-tabs-content .tab-subtitle {
    font-weight: bold;
    padding: 0 0 12px 0;
    border-bottom: solid 1px #eee;
    margin: 5px 0 15px 0
}


/*** .VERTICAL-TABS.OPTIONS ***/

.ui-tabs-vertical.options * {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px
}

.ui-tabs-vertical.options .ui-tabs-panel {
    width: 645px;
    padding: 20px 20px;
}

.ui-tabs-vertical.options .ui-tabs-nav li a {
    padding: 20px 15px;
    font-size: 13px;
}

.ui-tabs-vertical.options .ui-tabs-nav {
    width: 190px;
    padding: 0
}

.ui-tabs-vertical.options .tabs-divider {
    background: #f5f5f5;
    min-height: 100%;
    width: 191px;
    position: absolute;
    -moz-box-shadow: inset -3px 0px 3px -2px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset -3px 0px 3px -2px rgba(0, 0, 0, .05);
    box-shadow: inset -3px 0px 3px -2px rgba(0, 0, 0, .05);
}

.ui-tabs-vertical.options {
    width: 100%;
    min-height: 325px;
    margin: 0 0px 0 0px;
    padding: 0;
    border: solid 1px #eee;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-tabs-vertical.options .ui-tabs-nav {
    margin: -2px 0 0 0
}

.ui-tabs-vertical.options .ui-tabs-nav li:first-child {
    border-top: solid 1px #eee !important
}

.ui-tabs-vertical.options .ui-tabs-nav li:last-child {
    border-bottom: solid 1px #fbfbfb !important;
}

.ui-tabs-vertical.options .pos-center {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.ui-tabs-vertical.options .ui-widget-content a {
    color: #0079C1
}

.ui-tabs-vertical.options .tooltipcontainer {
    font-family: Georgia, serif !important;
    font-size: 12px !important
}


/*** Rewrite jQ DIALOG ***/

.ui-dialog {
    padding: 0 !important;
    border: none !important;
    background: url(/images/bk-squared-metal.png?v=001) center #fcfcfc !important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 7px 10px !important;
    background: white;
    border: none;
    border-bottom: solid 1px #ccc;
}

.ui-dialog .ui-dialog-content {
    margin: 0;
    padding: 0 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 3px 3px !important;
    border-top: solid 1px #ccc !important;
    margin: 0 !important;
}

.ui-widget-overlay {
    background: url(../images/fancybox_overlay.png) repeat !important;
    opacity: 1 !important;
    background-color: transparent !important;
    position: fixed !important;
}

.ui-widget-content a {
    color: #0079C1;
}


/*****************/


/* custom Select */


/*****************/

.select {
    border: solid 1px #ccc;
    background-color: white;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 14px 0 4px;
    margin: 0;
    height: 29px;
    outline: none;
    background: url("/images/dd_arrow.png") right 4px center no-repeat #fff;
    background-size: 8px;
}

.select:focus {
    border: solid 1px #aaa
}


/*** ADS  ***/

.wizard-indicator {
    position: absolute;
    top: -15px;
    width: 100%;
}

.wizard-indicator .divider-or {
    font-weight: bold;
}

.wizard-indicator .divider-or.active {
    background: #47b44b;
    color: #fff;
}

.wizard-indicator .m-size {
    margin: 0 160px;
}

.distribute-billboard {
    margin: 10px 0;
}

.distribute-billboard .db-right,
.distribute-billboard .db-right:hover {
    background: #fff!important
}

.distribute-billboard .db-left,
.distribute-billboard .db-left:hover {
    background: #f0f0f0!important;
    padding: 0;
}

.distribute-billboard .db-right:hover {
    background: #fff;
}

.distribute-billboard .db-right {
    padding: 0
}

.distribute-billboard .db-right #ad_group_distributed_apps_container {
    padding: 10px;
    background: white;
}

.distribute-billboard .db-right #ad_group_distributed_apps_container .appinfo {
    padding: 7px 11px;
}

.distribute-billboard .db-right #ad_group_distributed_apps_container .appinfo:hover {
    background: #f4f4f4;
}

.distribute-billboard .db-right #ad_group_distributed_apps_container .appicon {
    height: 16px;
    vertical-align: top !important;
}

.distribute-billboard .db-right #ad_group_distributed_apps_container .appinfo>label {
    width: 70%;
    display: inline-block;
}

.distribute-billboard .db-right #ad_group_distributed_apps_container .appinfo>label.right {
    width: 110px;
    display: inline-block
}

.distribute-billboard .db-right #ad_group_distributed_apps_container .appinfo>label>img {
    height: 16px;
    vertical-align: middle;
    margin-left: 13px;
}

.distribute-billboard .db-left .item {
    cursor: pointer;
    padding: 10px;
    border-bottom: solid 1px #e9e8e9;
}

.distribute-billboard .db-left .item.selected {
    background: white;
    width: 93%;
}

.distribute-billboard .scrollable-box {
    overflow: auto;
    max-height: 370px;
    border: solid 1px #eee;
    border-top: none;
}

#billboards_container .editpagetable tr:hover,
.editpagetable tr:hover {
    background: #f4f4f4;
}

.page-desc {
    text-align: center;
    width: 600px;
    color: #777;
    padding: 10px 0 20px 0;
    line-height: 20px;
}

.gray-dialog {
    padding: 7px;
    color: #666;
    text-align: center;
    margin: 10px 20px 0px;
    font-weight: bold
}

.create-steps {
    margin: 20px 0 10px;
}

.create-steps tr td img {
    margin: 0 20px;
    width: 150px
}

.create-steps .gray-dialog {
    max-width: 176px;
    margin: 0;
}

.hovertable {
    border-color: #eee;
}

table.hovertable tbody tr:last-child td {
    border-bottom: none
}

table.hovertable tbody>tr>td {}

.tab-space {
    padding: 10px 0 0 0;
}

.select2-container .sel-title {
    line-height: 16px;
    height: 16px;
}

.select2-container .sel-subtitle {
    color: #999;
    font-size: 10px;
    line-height: 10px;
    height: 10px;
}

.select2-results .sel-subtitle {
    color: #999;
    font-size: 10px;
}


/*** Table designs ***/

.hovertable {
    width: 100%;
    border: 1px solid;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    border-spacing: 0;
    background: #fff;
    font-weight: normal
}

.box-background2 {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: white;
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#F2F2F2), to(white));
    background: -moz-linear-gradient(#F2F2F2, white 20%);
    border: 1px solid;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
}

table.hovertable thead th {
    text-align: left;
    border-right: solid 1px #E9E9E9;
}

table.hovertable thead th:last-child {
    border-right: none;
}

table.hovertable tbody tr td {
    border-bottom: solid 1px #F1F2F1;
    text-align: left;
    padding: 10px 12px;
    font-size: 12px;
}

table.hovertable tbody tr:hover td {
    background: #f7f7f7;
}

.head-title-step {
    border-bottom: 1px solid #E3E3E3;
    background: #F9F9F9;
    background: -moz-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9F9F9), color-stop(100%, #F3F3F3));
    background: -webkit-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: -o-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: -ms-linear-gradient(top, #F9F9F9 0%, #F3F3F3 100%);
    background: linear-gradient(to bottom, #F9F9F9 0%, #F3F3F3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f3f3f3', GradientType=0);
    padding: 12px;
    font-weight: bold;
}

.box-gradient {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid;
    border-color: #E5E5E5;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f3f3f3 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #f3f3f3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f3f3f3', GradientType=0);
}


/****************************
~HELP.APSX
****************************/

.help .minglebody {
    font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.help .minglebody .img_certhelp {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 15px 0 25px;
    display: block;
}

.help .minglebody .section-title {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 20px;
}

.help .minglebody ul {
    list-style: initial;
}

.help .minglebody ol {
    padding: 0 0px 0 40px;
}

.help .minglebody li {
    padding: 5px 0
}

.help .minglebody code {
    background: #f7f7f7;
    display: block;
    color: #666;
    padding: 15px 20px;
    margin-left: 40px;
    font-size: 14px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.help .tooltipcontainer {
    border: none
}

.help .tooltipcontainer .fa {
    line-height: 20px;
    font-size: 16px
}

.help .tooltipster-base {
    max-width: inherit!important;
    width: inherit!important;
}

.help .minglebody .help-list {
    font-size: 14px;
    padding: 0px 30px 0 10px;
    margin: 0;
}

.help .minglebody .help-list li>ol {
    padding: 0 0 0 15px;
}

.help .minglebody .help-list li>ol.hd {
    height: 0;
    overflow: hidden
}

.help .minglebody .help-list>li:before {
    content: ''
}

.help .minglebody .help-list>li {
    margin: 0;
    padding: 0
}

.help .minglebody .help-list>li.nodt {
    height: 0;
    overflow: hidden
}

.help .minglebody .help-search {
    margin: 30px 30px 10px 10px!important;
    padding: 9px 10px!important;
    position: relative
}

.help .minglebody .help-search .lineinput {
    width: 100%;
    border: none!important;
    padding-left: 30px;
}

.help .minglebody .help-search .lineinput:hover,
.help .minglebody .help-search .lineinput:focus {
    background: #f7f7f7
}

.help .minglebody .help-search .fa {
    color: #999;
    font-size: 14px;
    height: 14px;
    width: 14px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 20px;
}

.help .minglebody .help-search .remove-search-filter {
    color: #bababa;
    font-size: 14px;
    right: 20px;
    left: initial;
    cursor: pointer;
    display: none
}

.help .minglebody .help-search,
.help .minglebody .help-list h3 {
    margin: 10px 0 0;
    padding: 12px 15px;
    -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
}

.help .minglebody .help-list h3:hover {
    background: #f7f7f7
}

.help .minglebody .help-list h3 .fa {
    font-size: 16px;
    line-height: 1.5em;
}

.help .minglebody .help-list h3:hover .fa {
    color: #47b44b
}

.help .minglebody .help-list .pagetypes:after,
.help .minglebody .help-list .templates:after {
    content: '';
    clear: both;
    display: table;
}

.help .minglebody .help-list .pagetypes li,
.help .minglebody .help-list .templates li {
    float: left;
    width: 33%
}

.help .minglebody .no-data {
    margin: 0 30px 0 10px;
    display: none;
}


/************************/


/*  PROFILE.ASPX   */


/************************/

.profile.minglebody {
    padding-top: 1px
}

.profile .profile-head {
    margin-bottom: 15px;
}

.profile .profile-avatar {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 40px;
}

.profile .horizontal-tabs.pro-tabs {
    width: 100%;
    margin-bottom: 10px;
    border: solid 1px #eee!important;
    border-top: none!important;
}

.profile .horizontal-tabs.pro-tabs .ui-tabs-nav {
    padding: 0!important;
    -moz-box-shadow: inset 0px 1px 0px 0px #eee;
    -webkit-box-shadow: inset 0px 1px 0px 0px #eee;
    box-shadow: inset 0px 1px 0px 0px #eee;
    background: #f5f5f5;
}

.profile .horizontal-tabs.pro-tabs .ui-tabs-nav li.ui-state-default {
    margin-bottom: -1px!important;
    border: none;
    top: 0px;
    background: transparent
}

.profile .horizontal-tabs.pro-tabs .ui-tabs-nav li.ui-state-active {
    margin-bottom: -1px!important;
    margin-left: -1px!important;
    border: none;
    border-right: solid 1px #eee;
    border-left: solid 1px #eee;
    background: #fff;
    -moz-box-shadow: inset 0px 3px 0px 0px #aaa;
    -webkit-box-shadow: inset 0px 3px 0px 0px #aaa;
    box-shadow: inset 0px 3px 0px 0px #aaa;
}

.profile .horizontal-tabs.pro-tabs .ui-tabs-nav li.ui-state-default a {
    padding: 14px 20px 10px !important;
}

.profile .horizontal-tabs .pro-content {
    padding: 10px
}

.profile .message_box,
.profile .comment_message {
    width: 100%
}

.profile .profile_table {
    background: transparent;
    padding-top: 0px;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 0px
}

.profile .profile-element {
    font-weight: bold;
    text-align: left;
    padding: 10px 10px;
    margin: 0;
    border-bottom: solid 1px #E9E9E9;
}

.profile .profile-element .stitle {
    display: inline-block;
    width: 90px;
}

.profile .profile-element .sdesc {
    font-weight: normal;
    color: #666
}

.profile .profile-element>span {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.profile .profile-element:hover {
    background: #fffeca;
}

.profile .profile-picture {
    text-align: center;
    position: relative
}

.profile .profile-picture>a>img {
    padding: 3px;
    text-align: left;
    background-color: #fff;
    padding: 3px;
    width: 170px;
    height: 170px;
}

.profile .picture_box {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    background: white;
    border: solid 1px #EFEFEF;
    padding-bottom: 10px;
}

.profile .application_box_header {
    background: #f5f5f5!important;
    border: solid 1px #eee!important;
    margin-bottom: -1px;
}

.profile .application_box_header>div {
    padding: 10px 12px;
}

.profile .profile-box.pub-apps {
    padding: 10px;
    background: none
}

.profile .listviewbtn,
.profile .gridviewbtn {
    color: #bbb;
    font-size: 16px;
    padding: 3px;
    margin-top: -3px;
    cursor: pointer;
}

.profile .listviewbtn.active,
.profile .gridviewbtn.active {
    color: #777
}

.profile .left-section,
.right-section {
    font-size: 11px;
}

.profile .left-section {
    padding: 0 0 0 25px
}

.profile .right-section {
    padding-top: 0px;
}

.profile .application_box_header {
    width: 100%;
    font-size: 11px;
    border: none;
    background: #ccc;
    border-bottom: solid 1px #bbb;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 0;
}

.profile .application_box {
    width: 100%;
    background: #f5f5f5;
    border: solid 1px #eee;
    padding: 0;
}

.profile .application_box .appbox {
    height: 100px;
    float: left;
    text-align: center;
    padding: 5px 10px;
}

.profile .application_box .appicon {
    padding: 0px 0 0 0;
    width: 57px
}

.profile .application_box .public-app-link {
    font-size: 12px;
    margin-top: 6px;
}

.profile .application_box.listview .appbox {
    height: auto;
    text-align: left;
}

.profile .application_box.listview .public-app-link {
    margin-top: 0;
    padding: 5px 0;
}

.profile .application_box.listview .appicon {
    width: 24px;
    float: left;
    margin-right: 5px;
}

.profile .apps_container {
    min-height: 171px;
    padding-bottom: 0;
}

.profile .menutabS {
    padding: 11px 0;
    color: #444;
    font-size: 11px;
    background: #fafafa !important;
    border-color: #eee;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -moz-box-shadow: 0px 1px 0px 0px #fafafa;
    -webkit-box-shadow: 0px 1px 0px 0px #fafafa;
    box-shadow: 0px 1px 0px 0px #fafafa;
}

.profile .menutab {
    border-color: #bbb !important;
    background: #ccc;
    font-size: 11px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -moz-box-shadow: inset 0px -3px 3px -2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0px -3px 3px -2px rgba(0, 0, 0, .1);
    box-shadow: inset 0px -3px 3px -2px rgba(0, 0, 0, .1);
}

.profile .menutab:hover {
    font-size: 11px;
    background: #ccc
}

.profile .message-container {
    border: solid 1px #eee;
    padding: 10px;
}

.profile .profile-box {
    background: #fafafa;
    border: solid 1px #eee
}

.profile .border-radius {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.profile .message-inp {
    color: #aaa;
    width: 100%;
    border: solid 1px #e6e6e6;
    overflow-y: auto;
    font-size: 11px;
    padding: 4px;
    margin: 0 -2px 8px 0;
    resize: none !important
}

.profile .message-inp:focus {
    border-color: #ccc;
    outline: none
}

.profile .message-post-btn {
    margin: 0;
    padding: 10px 8px;
    width: 56px;
    max-height: 35px;
    text-align: center;
    line-height: 1
}

.profile .menutabline {
    border-bottom: solid 0px #eee;
    -moz-box-shadow: 0px 1px 0px 0px #eee;
    -webkit-box-shadow: 0px 1px 0px 0px #eee;
    box-shadow: 0px 1px 0px 0px #eee;
}

.profile .cover-img {
    position: relative;
    width: 100%;
    height: 210px;
    overflow: hidden;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin-top: 20px;
}

.profile .cover-img>img {
    width: 100%
}

.profile .cover-img:hover a {
    display: initial
}

.profile .cover-img a {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    color: #232323;
    font-size: 10px;
    text-decoration: none;
    background: rgba(255, 255, 255, .5);
    padding: 3px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: none;
}

.profile .cover-img a:hover {
    text-decoration: underline
}

.profile .cover-img .removecover {
    right: 93px;
}

.profile .profile-type {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-width: 190px;
    font-size: 11px;
    margin: 0px;
    float: left;
}

.profile .user-plan {
    width: 208px;
    bottom: -3px;
    position: absolute;
    height: 3px;
    left: 46px;
}

.profile .cover-image-header {
    width: 100%;
    border-bottom: none;
    margin: 20px 0 0;
    padding: 0 0px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    position: relative;
    z-index: 3;
}

.profile .linkcontainer {
    padding: 0;
    text-align: right;
    font-size: 11px;
}

.profile .profile-hov-pic {
    height: 170px;
    width: 170px;
    position: absolute;
    z-index: 99;
    bottom: 3px;
    left: 3px;
    cursor: pointer;
}

.profile .change-profile-pic {
    display: none;
    height: 46px;
    line-height: 46px;
    left: 3px;
    bottom: 3px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1;
    font-size: 11px;
    color: #fff;
    width: 170px;
    text-align: center;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.profile .change-profile-pic img {
    height: 11px;
    margin-top: -2px;
    margin-right: 3px;
}

.profile .tooltipinfo {
    float: none;
    display: inline-block;
    font-size: 10px;
}

.profile .username {
    font-size: 17px;
    line-height: 1
}


/*STYLE FOR PUBLISHERS*/

.profile .profilelinks {
    width: calc(50% - 1px);
    font-weight: bold;
    text-decoration: none;
    border-bottom: solid 1px #E9E9E9;
    border-top: solid 1px #E9E9E9;
    cursor: pointer;
    float: left;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    height: 34px;
    line-height: 18px;
}

.profile .profilelinks:hover {
    background: #fffeca;
    font-weight: bold;
    width: calc(50% - 1px);
    text-decoration: none;
    border-bottom: solid 1px #E9E9E9;
    border-top: solid 1px #E9E9E9;
    cursor: pointer;
    float: left;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    height: 34px;
    line-height: 18px;
}

.profile .profilelinks>span {
    padding: 8px 0;
    display: block
}

.profile .shmingle2 {
    color: #6d84b4;
    width: 100%;
    height: 130px;
    z-index: 9009;
    font-size: x-small;
    font-weight: normal;
    overflow-y: auto;
    overflow-x: hidden;
}

.profile #statuseditor {
    position: absolute;
    width: 310px;
    padding: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    left: 14px;
    top: 0px
}

.profile .profile-fbox {
    height: 58px;
    border: solid 1px #e4e4e4;
    border-top: none;
    font-size: 11px;
    -webkit-box-shadow: inset 0px 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 0px 1px 0px #fff;
    box-shadow: inset 0px 0px 1px 0px #fff;
}

.profile .profile-fbox.copyright {
    height: 18px;
    padding: 6px 0;
}

.profile .profile-fbox>table {
    width: calc(100% - 250px);
    min-height: 58px;
}

.profile .profile-fbox.copyright>table {
    width: calc(100% - 250px);
    min-height: 18px;
}

.profile .expand-balance {
    cursor: pointer;
    border: solid 1px #eee;
    margin: -2px -5px 0 4px;
    width: 18px;
    height: 18px;
}

.profile .ads-list-options {
    margin: 0;
    padding: 0;
}

.profile .ads-list-options li {
    float: left;
    text-align: center;
    width: 100%;
    min-height: 100px;
}

.profile .ads-list-options li:last-child {
    margin: 0;
}

.profile .ads-list-options li .pro-icon {
    width: 28px;
    height: 28px;
}

.profile .ads-budget {
    padding: 10px 10px 20px 10px;
    margin: 0 0 10px;
    height: 100%;
    font-size: 12px;
}

.profile .ads-budget>div:hover {
    background: #fff;
}

.profile .box-bottom {
    margin-top: 10px;
    padding: 10px 0 0;
    border-top: solid 1px #eee;
}

.profile .message_box td:first-child {
    width: 60px
}

.profile .message_box td:nth-child(2) {
    width: 460px
}

.profile .message_box .comment_link {
    width: 100%
}


/************************/


/*  EDITPROFILE.ASPX   */


/************************/

.editprofile .picture_box {
    border: solid 1px #EFEFEF;
    padding-bottom: 10px;
}

.editprofile .profile-picture {
    padding: 3px;
    text-align: left;
    border: solid 1px #aaa;
    background-color: #fff;
    padding: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd #cacaca #acacac;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 rgba(3, 3, 3, 0.1);
    box-shadow: 0 1px 0 rgba(3, 3, 3, 0.1);
}

.editprofile .profile-info {
    text-align: right;
    padding: 8px 0px 8px 0;
    width: 70px;
}

.editprofile .horizontal-tabs .ui-tabs-nav {
    padding: 0 0 4px 10px !important;
}

.editprofile .ui-tabs-vertical .ui-tabs-panel {
    width: calc(100% - 230px);
    padding: 0 20px;
}

.editprofile .ui-tabs-vertical .ui-tabs-nav li a {
    padding: 20px 15px;
    font-size: 13px;
}

.editprofile iframe {
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    padding: 5px;
}

.editprofile .ui-tabs-vertical .ui-tabs-nav {
    width: 190px;
    padding: 0
}

.editprofile .tabs-divider {
    background: #f5f5f5;
    min-height: 100%;
    width: 191px;
    position: absolute
}

.editprofile .ui-tabs-vertical {
    width: 100%;
    min-height: 335px;
    margin: 0 0px 0 0px;
    padding: 0;
    border: solid 1px #eee;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.editprofile .ui-tabs-vertical .ui-tabs-nav {
    margin: -2px 0 0 0
}

.editprofile .ui-tabs-vertical .ui-tabs-nav li:first-child {
    border-top: solid 1px #eee !important
}

.editprofile .ui-tabs-vertical .ui-tabs-nav li:last-child {
    border-bottom: solid 1px #fbfbfb !important;
}


/************************/


/*  PROFILE / DASHBOARD.ASPX   */


/************************/

.dashboard .panel {
    -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    float: left;
    width: 300px;
    margin: 20px 20px 0 0;
    border: none
}

.dashboard .panel:hover {
    -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15);
}

.dashboard .cover-img {
    height: auto;
    margin: 0 0 -80px 0;
}

.dashboard .cover-img>img {
    width: calc(100% + 260px);
    margin: 0 -130px;
    max-width: calc(100% + 260px);
}

.dashboard .profile-picture>a>img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #fff;
    padding: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dashboard .profile-hov-pic {
    width: 100px;
    height: 100px;
    left: 100px
}

.dashboard .change-profile-pic {
    width: 100px;
    margin: auto;
    left: 0;
    right: 0;
}

.dashboard .profile-box {
    border: none
}

.dashboard .username {
    font-size: 12px;
    padding: 7px 0 7px 0;
    text-align: center;
    font-weight: bold;
}

.dashboard .usercity {
    text-align: center;
    padding: 0 0 10px 0
}


/*** App List ***/

.dashboard .application_box_header {
    background: transparent;
    border-color: #e5e5e5;
    font-size: 12px;
    padding: 0 15px;
}

.dashboard .application_box_header h3 {
    padding: 12px 0;
    margin: 0
}

.dashboard .application_box_header .fa {
    font-size: 18px;
    width: 28px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    margin: -6px -10px 0 0;
}

.dashboard .application_box_header .fa:hover {
    background: rgba(0, 0, 0, .08);
    border-radius: 50%;
    cursor: pointer
}

.dashboard .profile-box,
.dashboard .application_box {
    background: #fff
}

.dashboard .app-cont {
    padding: 10px;
    height: 360px;
    overflow: auto;
}

.dashboard .apps_container .app-line {
    padding: 6px 0;
    border-bottom: solid 1px #E9E9E9;
    position: relative
}

.dashboard .apps_container .app-line:hover {
    background: #f7f7f7;
}

.dashboard .apps_container .app-line:hover:after {
    content: "\f061";
    font: normal normal normal 12px/1 FontAwesome;
    position: absolute;
    top: 12px;
    right: 5px;
    color: #0077b5
}

.dashboard .apps_container .app-ic {
    width: 24px;
    height: 24px;
    margin: 0 5px;
}

.dashboard .apps_container .public-app-link {
    display: inline-block;
    font-size: 12px;
}


/************************/


/*  PAGE.ASPX   */


/************************/

.layout-list-view .pagebuttoncontainer {
    padding: 10px 0 25px;
    background: #fff;
    border-top: none;
}

.layout-list-view .pagebuttoncontainer:last-child {
    padding-bottom: 10px;
}

.table_header {
    text-shadow: 0 1px 1px white;
    background: #f3f3f3;
    padding: 10px 10px 10px 20px;
    border: 1px solid #e3e3e3;
    border-bottom: solid 1px #ddd;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    width: 100% !important;
    font-family: 'montserrat_semibold', Arial, Helvetica, sans-serif;
}

.table_header .submenuarrow {
    top: -3px;
    height: 18px;
    width: 18px;
    margin-left: 5px;
}

.table_header .ex-coll {
    font-size: 11px;
    color: #999
}

.table_header .ex-coll img.submenuarrow {
    -moz-opacity: .4;
    opacity: .4
}

.table_header .ex-coll.active img.submenuarrow {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagetype_deprecated_icon_box {
    display: inline-block;
    width: auto;
    background-color: #f89f4b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 5px;
    padding: 3px 8px 4px 7px;
}
.pagetype_deprecated_icon_box img {
    width: 16px;
    height: 16px;
}

.pagetype_table {
    font-size: 12px;
    border-collapse: collapse;
    border: 1px solid #e4e4e4;
    margin: -1px 0 0;
    width: 100% !important;
}

.pagetype_table tr td {
    border-color: #eee
}

.pagetype_table tr:hover {
    background: #f7f7f7
}

.pagetype_table .quick-preview {
    display: none;
    height: 16px;
    width: 16px;
}

.pagetype_table .quick-preview,
.pagetype_table .in-development-img {
    margin-right: -4px;
    margin-left: auto;
}

.pagetype_table tr:hover .quick-preview {
    display: block;
}

.pagetype_table ol li {
    font-size: 10pt;
    font-weight: bold;
    color: #777;
}

.pagetype_table ul li {
    font-size: small;
    font-weight: normal;
    color: #3b5998;
}

.pagetype_table h5 {
    font-size: small;
    font-weight: normal;
    color: #3b5998;
}

.pagetypename {
    width: 20%;
    font-weight: bold;
    padding: 5px;
    height: 18px;
}

    .pagetypename .pagetype-icon {
        width: 18px;
        height: 18px;
        margin-left: -4px;
    }

    .pagetypename label {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .pagetypename img {
        padding: 4px;
    }

        .pagetypename img.in-development-img +.quick-preview {
            margin-left: 0;
        }

.pagedescription {
    width: 40%;
    padding: 5px 7px 5px 10px;
    line-height: 1.4;
}

.pagetypeselector {
    width: 4%;
    padding: 5px;
    text-align: center;
}

.pagetypetutorial {
    width: 6%;
    text-align: center;
}

.pagetypeprice {
    width: 6%;
    text-align: center;
    font-family: 'montserrat_semibold', Arial, Helvetica, sans-serif;
    color: #6f6f6f;
    font-size: 10px;
}

.pagetypeiosplatform,
.pagetypeandroidplatform,
.pagetypewebappplatform,
.pagetypestatus {
    width: 6%;
    text-align: center;
}

.pagetypestatus {
    width: 6%;
    text-align: center;
}

.pagetypeiosplatform img,
.pagetypeandroidplatform img,
.pagetypewebappplatform img {
    width: 16px;
}

.pagetype_descriptiontable {
    font-size: 12px;
    border-collapse: collapse;
    border: 1px solid #eee;
    width: 100% !important;
}

.pagetype_descriptiontable tr th {
    border-color: #eee;
    border-bottom: none;
}

    .pagetype_descriptiontable th {
        height: 34px;
    }

    .pagetype_descriptiontable .pagetype_descriptable_pagetype {
        width: 24%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .pagetype_descriptiontable .pagetype_descriptable_description {
        width: 40%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .pagetype_descriptiontable .pagetype_descripttable_price {
        width: 6%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .pagetype_descriptiontable .pagetype_descriptable_help {
        width: 6%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .pagetype_descriptiontable .pagetype_descriptable_platform {
        width: 18%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .pagetype_descriptiontable .pagetype_descripttable_status {
        width: 6%;
        padding-left: 3.5px;
        padding-right: 3.5px;
    }

.pagebuttoncontainer {
    border-top: solid 1px #eee;
    padding: 6px 10px;
    text-align: left;
    background: #f7f7f7;
    -webkit-box-shadow: inset 0px 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 0px 1px 0px #fff;
    box-shadow: inset 0px 0px 1px 0px #fff;
}

.pagebuttoncontainer .grid-scroll-up {
    padding: 7px;
    margin-top: 4px;
    font-size: 14px;
    color: #aaa;
    background: #eee;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pagebuttoncontainer .button-message.warning-message {
    margin-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: solid 1px #FF9500;
}

.scroll-to-head {
    padding: 7px;
    margin-top: 4px;
    font-size: 14px;
    color: #aaa;
    background: #eee;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: fixed;
    right: 19px;
    bottom: 19px;
}

.scroll-to-head:hover {
    color: #888;
    background: #fff;
}

table.minglebody {
    width: 906px;
}

.promo_baner {
    width: 100%;
    height: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
    @media (min-width: 1281px) {
        .promo_baner {
            background-image: var(--banner_1281_1920_URL);
            padding-top: 4.15%;
        }  
    }

    @media (min-width: 1025px) and (max-width: 1280px) {
        .promo_baner {
            background-image: var(--banner_1025_1280_URL);
            padding-top: 6.85%;
        }  
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .promo_baner {
            background-image: var(--banner_768_1024_URL);
            padding-top: 8.7%;
        }  
    }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .promo_baner {
            background-image: var(--banner_768_1024_URL);
            padding-top: 8.7%;
        }  
    }

    @media (min-width: 481px) and (max-width: 767px) {
        .promo_baner {
            background-image: var(--banner_481_767_URL);
            padding-top: 11.85%;
        }  
    }

    @media (min-width: 320px) and (max-width: 480px) {
        .promo_baner {
            background-image: var(--banner_320_480_URL);
            padding-top: 14%;
        }  
    }

.grid-button-switch {
    background: #eee;
    padding: 6px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #e7e7e7;
    margin: 1px 0 0;
}

.grid-button-switch * {
    text-decoration: none;
    display: table-row;
}

.grid-button-switch img {
    margin: 0px 5px 0px 0;
    width: 14px;
    display: table-column;
}

.grid-button-switch span {
    display: table-cell;
    vertical-align: middle;
}


/*** GRID VIEW ***/

.grid-block {
    display: table;
    height: 100%
}

.pagetype_descriptiontable {
    width: 100%;
}

.gridview_header {
    font-size: 16px;
    padding: 9px 10px;
    background: #f3f3f3;
    border: solid 1px #e4e4e4;
    border-bottom: solid 1px #ddd;
    margin-top: 20px;
    font-family: 'montserrat_semibold', Arial, Helvetica, sans-serif;
}

.gridview_header .ex-coll {
    font-size: 11px;
    color: #999;
    padding-top: 3px;
}

.gridview_header .ex-coll img.submenuarrow {
    -moz-opacity: .4;
    opacity: .4;
    top: -3px;
    height: 18px;
    width: 18px;
    margin-left: 5px;
    float: right
}

.gridview_header .ex-coll.active img.submenuarrow {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    float: right
}

.gridview_cellbody .gridview_pagedescription {
    padding: 10px 0px 0 0px;
    font-size: 11px;
    text-align: left;
    display: block
}

.gridview_cellcontainer {
    padding: 0px;
    border: solid 1px #eee;
    border-top: none;
}

.gridview_cellcontainer .grid-block:first-child .gridview_cell {
    border-top: none;
}

.gridview_cell {
    width: 25%;
    height: 100%;
    padding: 20px;
    margin: 0px 0;
    display: table-cell;
    vertical-align: top;
    border-top: solid 1px #eee;
    border-right: solid 1px #eee;
    text-align: center;
    position: relative;
}

.gridview_cell:hover .gridview_buttons {
    display: block;
    position: absolute;
    padding: 15px 0;
    margin: auto;
    right: 0;
    left: 0;
    bottom: 2px;
    background: -moz-linear-gradient(top, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 50%);
    background: -webkit-linear-gradient(top, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 50%);
    background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 50%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7', GradientType=0);
    width: calc(100% - 4px);
}

.gridview_cell.active-grid,
.gridview_cell.active-grid:hover {
    background: #f7f7f7;
    -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .05);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 0 0px 2px #47b44b;
    -webkit-box-shadow: inset 0 0 0px 2px #47b44b;
    box-shadow: inset 0 0 0px 2px #47b44b;
}

.gridview_cell.active-grid .gridview_cellheader:before {
    content: ' ';
    height: 16px;
    width: 16px;
    background: url(/images/valid.png) center/14px #f7f7f7 no-repeat;
    position: absolute;
    z-index: 1;
    top: 0
}

.gridview_cell.active-grid .gridview_buttons {
    display: block;
    position: absolute;
    padding: 15px 0;
    margin: auto;
    right: 0;
    left: 0;
    bottom: 2px;
    background: -moz-linear-gradient(top, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 50%);
    background: -webkit-linear-gradient(top, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 50%);
    background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 50%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7', GradientType=0);
    width: calc(100% - 4px);
}

.gridview_cell:hover {
    background: #f7f7f7;
}

.gridview_cell:last-child {
    border-right: none;
}

.gridview_cellheader {
    width: 100%;
    text-align: left;
    color: #393939;
    font-size: 12px;
    padding: 0px;
    font-family: 'montserrat_semibold', Arial, Helvetica, sans-serif;
    position: relative
}

.gridview_icon {
    vertical-align: middle;
    margin: 0 2px 0 0;
    height: 12px;
    width: 12px;
}

.gridview_cellheader input[type=radio] {
    display: none !important;
}

.gridview_cellheader .support_icons {
    text-align: left;
    margin-top: 5px;
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
}

.gridview_cellheader .support_icons .support-store-badges {
    margin: 5px 0;
    padding-right: 8px;
    display: inline-block
}

.gridview_cellheader .support_icons .pagetypeprice {
    margin: 5px 0;
    padding: 0 10px;
    border-right: solid 1px #e7e7e7;
    border-left: solid 1px #e7e7e7;
    text-align: left;
    font-size: 11px;
    display: inline-block;
    width: auto;
    color: #47b44b;
}

.gridview_cellheader .support_icons img {
    vertical-align: middle;
}

.gridview_cellheader .support_icons .tuts {
    padding-left: 7px;
    font-family: 'montserrat_light', Arial, Helvetica, sans-serif;
}

.gridview_cellbody {
    padding: 15px 0 0 0;
    position: relative;
}

.gridview_cellbody .gridview_pageimage {
    -moz-box-shadow: 0px 0px 1px #ccc;
    -webkit-box-shadow: 0px 0px 1px #ccc;
    box-shadow: 0px 0px 1px #ccc;
    min-height: 233px;
    width: 100%;
    max-width: 200px
}

.gridview_cell .gridview_buttons {
    display: none;
}

.titleSC {
    font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #0079C1;
    font-size: 22px;
}

.gridview-loading {
    z-index: 1003;
    color: #fff;
    line-height: 60px;
    height: 60px;
    width: 60px;
    text-align: center;
    position: absolute;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: auto;
    top: 30px;
    left: 0;
    right: 0;
}

.gridview-loading .gridview-loader {
    height: 30px;
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.gridview-loading .circular {
    -webkit-animation: gridview-rotate 2s linear infinite;
    -moz-animation: gridview-rotate 2s linear infinite;
    -o-animation: gridview-rotate 2s linear infinite;
    animation: gridview-rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.gridview-loading .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: gridview-dash 1.5s ease-in-out infinite;
    -ms-animation: gridview-dash 1.5s ease-in-out infinite;
    -o-animation: gridview-dash 1.5s ease-in-out infinite;
    animation: gridview-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #666;
}

@-webkit-keyframes gridview-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes gridview-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes gridview-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes gridview-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}


/*** SUPPORTEDBROWSERS ***/

.supportedbrowsers .br-info {
    text-align: center;
    width: 100%;
    font-size: 16px;
}

.supportedbrowsers .br-info img {
    width: 84px;
    height: 84px;
    margin-bottom: 10px;
}

.supportedbrowsers .info-message {
    margin-top: 80px;
}


/*** PAGE CONVERT DIALOG ***/

#editDialog {
    background: #f2f2f2;
}


/*** ADVANCED PAGETYPE ***/

.advanced-pagetype .keyValueEditorKey {
    width: 75px;
    margin: 0 3px 3px 0;
    height: 16px;
}

.advanced-pagetype .keyValueEditorValue {
    width: 175px;
    margin: 0 3px 3px 0;
    height: 16px;
}

.advanced-pagetype .invalidInputValue {
    box-shadow: 0 0 5px #d45252;
    border: solid 1px #b03535;
    width: 77px;
    height: 17px;
    background: #fff url(../images/red_asterisk.png) no-repeat 98% center;
}

.advanced-pagetype .deleteButton {
    cursor: pointer;
    margin: 0 0 -4px 0;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.advanced-pagetype .deleteButton:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: .75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
    -khtml-opacity: .75;
    -moz-opacity: .75;
}

.advanced-pagetype .sidemenu_parser {
    border: solid 1px #eee;
    background: #f7f7f8;
    min-height: 100px;
    padding: 10px;
    margin: 10px 0 0;
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 320px;
}

.advanced-pagetype .doc-container {
    width: 100%
}

.advanced-pagetype .sidemenu_parser .acc-group {
    position: relative;
    background-color: #fff;
    background-image: url(/images/icon-dragdrop.png);
    background-size: 10px 18px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.advanced-pagetype .sidemenu_parser .left-s {
    width: 25%;
    text-align: right;
    padding: 0 8px 0 0;
    display: inline-block
}

.advanced-pagetype .sidemenu_parser .right-s {
    width: 71%;
    display: inline-block;
}

.advanced-pagetype .sidemenu_parser .right-s input {
    border: solid 1px #ddd;
    padding: 5px 24px 5px 7px;
    width: 100%;
}

.advanced-pagetype .sidemenu_parser .editor-buttons {
    position: absolute;
    top: -43px;
    right: 12px;
    z-index: 10
}

.advanced-pagetype .sidemenu_parser .editor-buttons button {
    outline: none
}

.advanced-pagetype .sidemenu_parser .duplicate-button {
    background-image: url(../images/duplicate.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    padding: 5px 15px;
}

.advanced-pagetype .sidemenu_parser .delete-button {
    background: #EB2629;
    border-color: #EB2629;
    background-image: url(../images/icon-close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    padding: 5px 15px;
}

.sidemenu_parser .accordion_ui_list .ui-accordion-content.ui-accordion-content-active {
    overflow: initial !important;
    background: #f9f9fa;
    padding: 10px !important;
    border-bottom: solid 1px #eee;
    max-width: 278px;
}

.sidemenu_parser .accordion_ui_list .ui-accordion-header.ui-state-active {
    border-bottom: solid 2px #eee
}

.sidemenu_parser .accordion_ui_list .ui-accordion-header {
    border-bottom: solid 2px #fff;
    background: transparent!important
}

.sidemenu_parser .accordion_ui_list .inp-local-image {
    background-image: url(../toolboxicons/appendimage.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 5px center;
    cursor: pointer;
}

.sidemenu_parser .accordion_ui_list .inp-local-link {
    background-image: url(../toolboxicons/insertlink.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 5px center;
    cursor: pointer;
}

.advanced-pagetype .border-container {
    border: solid 1px #eee;
    background: #f7f7f8;
    min-height: 100px;
    padding: 10px;
    margin: 10px 0 0;
    height: 550px;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 320px;
}

.advanced-pagetype .parse_cont {
    overflow: initial !important;
    padding: 0px !important;
}

.advanced-pagetype .tabs .accordion .verticalpage-editor-buttons {
    position: absolute;
    top: -41px;
    right: 10px
}

.advanced-pagetype .verticalpage-editor-buttons {
    position: relative;
    top: -43px;
    right: 0;
    margin-bottom: -25px;
    text-align: right;
}

.advanced-pagetype .verticalpage-editor-buttons .add-button {
    background-image: url(../images/icon-add-circle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    padding: 5px 15px;
}

.advanced-pagetype .verticalpage-editor-buttons .delete-button {
    background: #EB2629;
    border-color: #EB2629;
    background-image: url(../images/icon-close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    padding: 5px 15px;
}

.horizontal-tabs {
    padding: 0 !important;
    border: none !important;
}

.horizontal-tabs * {
    font-family: Arial, Helvetica !Important;
}

.horizontal-tabs .ui-tabs-nav {
    margin: 0 !important;
    padding: 0 0 0 10px !important;
    background: none;
    border: none;
    border-bottom: solid 1px #eee;
}

.horizontal-tabs .ui-tabs-panel {
    padding: 0px 0 0 0 !important;
}

.horizontal-tabs .ui-tabs-nav li {
    margin: 0 6px 0px 0 !important;
    background: #f6f6f6;
    font-weight: bold
}

.horizontal-tabs .ui-tabs-nav li a {
    padding: 9px 14px 6px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.horizontal-tabs .ui-tabs-nav li.ui-state-active {
    background: #fff;
    color: #47b44b !important;
    cursor: pointer !important;
}

.horizontal-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-color: #eee;
    background: #fff;
}

.textinput {
    margin: 0;
    padding: 7px 9px;
    border: solid 1px #ccc;
    font-size: 11px;
    line-height: 11px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.textinput:focus {
    border-color: #aaa;
    background: #fbfbfb;
}

.textinput:disabled,
input.textinput:read-only:not(input.textinput[type="file"]) {
    border-color: #eee;
    cursor: not-allowed;
    color: #ccc;
    background: #fff;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
}

.textinput:disabled::-webkit-input-placeholder,
.textinput:read-only::-webkit-input-placeholder {
    color: #ccc;
}

.textinput:disabled:-moz-placeholder,
.textinput:read-only:-moz-placeholder {
    color: #ccc;
}

.textinput:disabled::-moz-placeholder,
.textinput:read-only::-moz-placeholder {
    color: #ccc;
}

.textinput:disabled:-ms-input-placeholder,
.textinput:read-only:-ms-input-placeholder {
    color: #ccc;
}

input[type="text"].textinput {
    font-size: 11px;
    line-height: 11px;
    padding: 7px 9px;
}

input[type="file"] {
    display: initial
}

.base-green {
    color: #47b44b
}

.base-red {
    color: #EB2629
}

.gray-999 {
    color: #999
}

.gray-666 {
    color: #666
}

.bold {
    font-weight: bold
}

.no-results {
    text-align: center;
    border: solid 1px #ddd;
    padding: 30px;
    margin: 10px;
    color: #999;
}


/*** PUBLISHER DASHBOARD  ***/

.pubdashboard * {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pubdashboard .grid-button-switch {
    cursor: pointer;
    width: 85px;
    background: transparent;
    font-size: 12px;
}

.pubdashboard .grid-button-switch:hover {
    opacity: 0.8
}

.pubdashboard .grid-button-switch span {
    float: right;
}

.pub-dash {
    width: 100%;
    border-bottom: solid 1px #eee;
    border-right: solid 1px #eee;
    margin: 0 0 20px 0;
}

.pub-dash .right-side {
    padding: 0 30px
}

.pub-dash .right-side iframe {
    border: 0px;
    vertical-align: top;
    width: 100%;
}

.pub-dash .left-side {
    width: 230px;
    border-right: solid 1px #eee;
    border-left: solid 1px #eee;
    background: #f7f7f7;
    padding: 0px 0;
}

.pub-dash .pub-dash-table tr td {
    padding: 8px 0 8px 6px;
    border-bottom: solid 1px #eee;
    border-top: solid 1px #fafafa;
}

.pub-dash .pub-dash-table tr:first-child td {
    border-top: none;
}

.pub-dash .pub-dash-table tr:last-child td {
    border-bottom: none;
}

.pub-dash .pub-dash-table tr:hover {
    background: #fff;
}

.pub-dash .pub-dash-icon {
    width: 24px;
    height: 24px;
}

.pub-dash-table .fa {
    color: #aaa
}

.pub-dash-table .adminonly {
    background: #f55;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 900;
    color: #fff;
    text-decoration: none;
    padding: 1px 3px;
    margin: 2px 10px 0 0;
    float: right
}

.pub-dash .pub-dash-title {
    cursor: pointer;
    /*text-decoration: underline;*/
    font-size: 14px;
}

.pub-dash.grid {
    margin-top: 10px;
    border-right: none;
    border-bottom: none;
}

.pub-dash.grid * {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pub-dash.grid .left-side {
    border: none;
    background: #fff;
}

.pub-dash.grid .pub-dash-table tbody:after {
    clear: both;
    content: ' ';
    display: block;
}

.pub-dash.grid .pub-dash-table tr {
    float: left;
    width: calc(33.3333% - 14px);
    margin: 8px 10px;
    -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);
}

.pub-dash.grid .pub-dash-table tr:hover {
    -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15);
}

.pub-dash.grid .pub-dash-table tr:first-child,
.pub-dash.grid .pub-dash-table tr:nth-child(3n+1) {
    margin-left: 0;
}

.pub-dash.grid .pub-dash-table tr:nth-child(3n+3) {
    margin-right: 0;
}

.pub-dash.grid .pub-dash-table tr td:first-child {
    padding: 0;
    border: none;
}

.pub-dash.grid .pub-dash-table tr td:last-child {
    padding: 0;
    border: none;
}

.pub-dash.grid .pub-dash-table tr td:first-child a {
    padding: 25px 0 10px 0;
}

.pub-dash.grid .pub-dash-table tr td:last-child a {
    padding: 5px 0 20px 0;
}

.pub-dash.grid .pub-dash-icon {
    width: 48px;
    height: 48px;
}

.pub-dash.grid .pub-dash-title {
    text-align: center;
    font-family: 'montserrat_semibold', Helvetica, Arial, sans-serif;
}

.pub-dash.grid .fa {
    font-size: 48px;
    margin: 25px 0 10px 0;
}

.pub-dash.grid .adminonly {
    width: 23%!important;
    margin: 0 auto 10px;
    float: none
}

.pub-dash.grid .right-side {
    margin: 10px 0 0;
    padding: 0 0 0 20px;
    border: solid 1px #eee;
}

.pub-dash.grid .right-side .section-title2 {
    margin: 0 0 -1px 0;
}

.pub-dash.grid .right-side .iframe-dropdown-btn {
    float: right;
    width: auto;
    cursor: pointer;
}

.pub-dash.grid .right-side .iframe-dropdown-btn img {
    width: 24px;
    height: 24px;
    margin: 3px 10px;
    top: -6px;
}

.pub-dash.grid .right-side .iframe-dropdown-btn.active img {
    background: rgba(255, 255, 255, .9);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/********************************/


/*** Wizard Template Category ***/


/********************************/

.wiz-cat .minglebody {
    width: 100%;
    position: relative;
}

.wiz-cat #wizform {
    margin: 0
}

.wiz-cat .minglebody2,
.wiz-cat .minglebody3 {
    position: absolute;
    z-index: -1;
    bottom: -7px;
    right: 1.5%;
    width: 97%;
    opacity: .7
}

.wiz-cat .minglebody3 {
    z-index: -2;
    bottom: -14px;
    right: 3%;
    width: 94%;
    opacity: .5
}

.wiz-cat .wiz-box {
    padding: 0 20px;
    position: relative;
    height: 395px;
}

.wiz-cat .wiz-box.opacity #rootwizard {
    -webkit-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
}

.wiz-cat .wiz-box #rootwizard {
    position: relative;
    overflow: hidden
}

.wiz-cat .wiz-box .section-title {
    border-bottom: solid 1px #eee;
    text-align: left;
    padding: 20px;
}

.wiz-cat .wiz-box .section-title {
    border: none;
    text-align: center;
    padding: 80px 30px 50px;
}

.wiz-cat .wiz-box .tab-pane {
    height: 320px;
    padding: 20px;
    -webkit-transition: -webkit-transform 3s cubic-bezier(0.51, 0.92, 0.24, 1);
    transition: -webkit-transform 3s cubic-bezier(0.51, 0.92, 0.24, 1);
    transition: transform 3s cubic-bezier(0.51, 0.92, 0.24, 1);
    transition: transform 3s cubic-bezier(0.51, 0.92, 0.24, 1), -webkit-transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1);
    will-change: transform;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
}

.wiz-cat .wiz-box .tab-pane.translate {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    display: block;
    position: absolute;
    z-index: 8
}

.wiz-cat .wiz-box .tab-pane.translateback {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
    display: block;
    position: relative;
    z-index: 9
}

.wiz-cat .wiz-box .tab-pane.translateback {}

.wiz-cat .wiz-box .tab-pane.translateback.active {
    display: block;
}

.wiz-cat .wiz-box .card-box {
    text-align: center;
    margin-bottom: 50px;
}

.wiz-cat .wiz-box .card-box h6 {
    color: #aaa
}

.wiz-cat .wiz-box .card-box h6.base-green {
    color: #7db701
}

.wiz-cat .wiz-box .card-box .lineinput {
    font-size: 20px;
    font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 100;
    text-align: center
}

.wiz-cat .wiz-box .card-box .textinput.required {
    border-color: red!important;
}

.wiz-cat .wiz-box .card-box .textinput.required:before {
    content: '*';
    position: relative;
    right: 0;
    z-index: 1
}

.wiz-cat .wiz-box .card-box .textinput::-webkit-input-placeholder {
    color: #aaa;
}

.wiz-cat .wiz-box .card-box .textinput:-moz-placeholder {
    color: #aaa;
}

.wiz-cat .wiz-box .card-box .textinput::-moz-placeholder {
    color: #aaa;
    font-family: Arial;
}

.wiz-cat .wiz-box .card-box .textinput:-ms-input-placeholder {
    color: #888;
}

.wiz-cat .wiz-box .card-box input[type="file"].textinput {
    margin-top: 40px;
    height: auto;
    width: 100%
}

.wiz-cat .wiz-box .card-box .fa-placeholder {
    color: #9c9c9c;
    margin-top: 2px;
}

.wiz-cat .wiz-box #services .card-box .textinput,
.wiz-cat .wiz-box #productorder .card-box .textinput {
    margin-bottom: 3px;
}

.wiz-cat .wiz-box .nav-status .nav-pills {
    text-align: center;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 5px;
    width: 200px;
}

.wiz-cat .wiz-box .nav-status .nav-pills>li {
    float: none;
    display: inline-block;
    background: #ccc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 2px 3px;
}

.wiz-cat .wiz-box .nav-status .nav-pills>li>a {
    padding: 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.wiz-cat .wiz-box .nav-status .nav-pills>li.active>a {
    background: #888;
    padding: 3px;
    margin-bottom: -0px;
}

.wiz-cat .wiz-footer {
    margin-bottom: 5px;
}

.wiz-cat .wiz-footer a {
    text-decoration: none
}

.wiz-cat .wiz-footer .finish {
    float: right
}

.wiz-cat .wiz-footer .skip {
    float: left;
    margin-right: 30px;
}

.wiz-cat .wiz-box .upl-logo {
    position: relative;
    display: inline-block;
    width: 310px;
}

.wiz-cat .wiz-box .upl-logo .upload-note {
    color: orange;
    position: absolute;
    bottom: -2px;
    right: 5px;
}

.wiz-cat .wiz-box .upload-mes {
    color: orange!Important
}

.wiz-cat .wiz-box .upload-mes.error {
    color: red!Important
}


/* for location */

.wiz-cat .wiz-box .hide {
    visibility: hidden;
    overflow: hidden;
    height: 0;
    width: 0;
}

.wiz-cat .wiz-box .wiz-loading {
    background: rgba(0, 0, 0, .3);
    z-index: 1003;
    color: #fff;
    height: 90px;
    width: 160px;
    text-align: center;
    position: absolute;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.wiz-cat .wiz-box .wiz-loading .loader {
    height: 30px;
    width: 100%;
    margin: auto;
    margin-top: 15px;
    bottom: 0;
}

.wiz-cat .wiz-box .wiz-loading .loader-mes {
    margin-top: 10px;
    top: 25px;
    line-height: 1.2
}

.wiz-cat .wiz-box .wiz-loading .loader .circular {
    -webkit-animation: wiz-rotate 2s linear infinite;
    -moz-animation: wiz-rotate 2s linear infinite;
    -o-animation: wiz-rotate 2s linear infinite;
    animation: wiz-rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.wiz-cat .wiz-box .wiz-loading .loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: wiz-dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    -ms-animation: wiz-dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    -o-animation: wiz-dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: wiz-dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #fff/*#d62d20 */
    ;
}

@-webkit-keyframes wiz-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes wiz-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes wiz-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes wiz-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}


/*** Accordion ***/

.video-list .ui-accordion .ui-accordion-header {
    padding: 20px 20px 20px 30px !important;
    color: #666;
    text-shadow: 0px 1px 0px #fafafa;
    line-height: 20px;
    font: bold 13px Arial, Helvetica, sans-serif !important;
    border: none;
    border-bottom: solid 1px #eee;
    background: #fff;
}

.video-list .ui-accordion .ui-accordion-content {
    padding: 4px 4px 0px 4px;
    margin-bottom: 0;
}

.video-list .ui-accordion .ui-widget-content {
    border: none
}


/*** Ads System ***/

#ad_group_no_ads,
#ad_image {
    width: 289px;
    margin: 0;
    text-align: center;
    line-height: 60px;
    background: white;
    border: solid 1px #eee;
    height: 60px;
}

.dialog-footer {
    background: white;
    border-top: solid 1px #eee;
    margin: -15px;
    padding: 5px;
}

.payoff .login-inp {
    width: 225px;
    margin-right: 30px;
    padding: 10px 12px;
}

.payoff .login-inp:focus {
    background: #fafafa;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
}

.payoff .ads-list-options {
    margin: 15px 0 0;
    padding: 0;
}

.payoff .ads-list-options li {
    float: left;
    text-align: center;
    width: 32.6%;
    margin-right: 1.1%;
    background: #f7f7f7;
}

.payoff .ads-list-options li:last-child {
    margin: 0;
}


/*** SELECT2 ***/

.select2-container .select2-choice {
    display: block;
    height: 30px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #C3C9CC;
    white-space: nowrap;
    line-height: 30px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
}

.select2-container .select2-choice>.select2-chosen .flag {
    width: 18px !important;
    height: 18px !important;
    margin-right: 5px;
}

.select2-drop {
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 0 0 0px 0px;
    -moz-border-radius: 0 0 0px 0px;
    border-radius: 0 0 0px 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .15);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #c9c9c9;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #bbb;
}

.select2-results .select2-highlighted {
    background: #d9edf7;
    cursor: pointer;
}

.select2-results .select2-disabled {
    color: #999;
    opacity: 0.7;
}

.select2-container .select2-choice .select2-arrow {
    border-left: none;
    width: 22px;
    background: transparent;
}

.select2-container .select2-choice .select2-arrow b {
    background: url('/images/dd_arrow.png') right 7px center no-repeat #fff;
    background-size: 8px;
}

.select2-search {
    padding-top: 4px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #bbb;
}

.select2-dropdown-open .select2-choice {
    background: transparent;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #bbb;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select2-results .select2-result-label {
    padding: 4px;
}

.select2-results .select2-result-label>img {
    margin-right: 5px;
}

.select2-results .select2-highlighted {
    background: #f7f7f7;
    color: #666;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #bbb;
}

.lineinput.select2-container {
    padding: 0;
}

.lineinput.select2-container .select2-choice {
    border: solid 0 #fff;
}

#styleedit img,
#detachbutt img {
    height: 7px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background: url('/images/dd_arrow.png') right 7px center no-repeat #fff;
        background-size: 8px;
    }
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    input[type=checkbox]:checked {
        background: url(/images/checkbox_background@2x.png) center #fff !important;
        background-size: 14px !important;
    }
}

#app_settings .categoryitem,
#app_settings .selectedcategoryitem {
    text-transform: uppercase;
}

ol.app-users {
    margin: 0;
    padding: 0.3em 1em 0;
    line-height: 1.7em;
}

ol.app-users>li.user-inactive {
    color: #bbb;
}

#app-users-search {
    width: 15em;
    margin: -5px 7px 0 0;
}

#app-users-search.error {
    border-color: #f99;
}

#app-users-not-found {
    padding-top: 0.3em;
    line-height: 1.7em;
}

.app-users-pager {
    margin: 1.3em 0 0 0;
}

.app-users-pager>div.page-btn-container {
    display: inline;
}

.app-users-pager>div.page-btn-container>span,
.app-users-pager i.fa {
    padding: 0.4em 0.8em;
    color: #0079C1;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
}

.app-users-pager i.fa {
    font-size: 115.4%;
    /* 15px */
}

.app-users-pager i.fa.btn-disabled {
    color: #aaa;
    cursor: default;
}

.app-users-pager>div>span:hover,
.app-users-pager i.fa:hover {
    border-color: #ddd;
}

.app-users-pager>div.page-btn-container>span:active,
.app-users-pager i.fa:active {
    border-color: #ddd;
    background-color: #f0f0f0;
}

.app-users-pager i.fa.btn-disabled:hover,
.app-users-pager i.fa.btn-disabled:active {
    border-color: transparent;
    background-color: transparent;
}

.app-users-pager>div.page-btn-container>span.current,
.app-users-pager>div.page-btn-container>span.more {
    color: #000;
    border-color: transparent;
    background-color: transparent;
    cursor: default;
}

.app-users-pager>div.page-btn-container>span.current {
    background-color: #eee;
}

.app-users-pager>div.page-btn-container>span.more {
    padding-left: 2px;
    padding-right: 2px;
}

.section-title.begining_text {
    color: #161616;
}

.tutorial_name {
    color: #4b4b4b;
    font-size: 22px;
    padding: 10px 0;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    ;
}

.section_text {
    padding: 10px 0 0;
    margin: 0;
    font-size: 18px;
}

.step_item h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 18px;
}

.step_item * {
    font-weight: 300;
}

.step_description p {
    font-size: 16px;
}

.step_description i~p {
    padding-top: 0;
    margin-top: 0;
}

.step_item b {
    font-weight: 600;
    color: #444444;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
}

.step_description .info-message {
    padding: 5px 35px;
}

.sortableTable .custom-side-menu-icon {
    padding: 5px;
    width: 150px;
    padding: 2px 0px 0 10px;
    border-right: solid 1px #eee;
    background: #fff
}

#iPhoneXSize,
#devicesSelector {
    width: 100px;
}

.simulator_side {
    min-width: 483px;
}

#locationprops.lpe_block .block_td+td {
    display: inline-block;
    max-width: 90px;
}

#locationprops.lpe_block .block_td+td>input {
    max-width: 100%;
}

#locationprops.lpe_block .loc_picker {
    display: contents;
    position: relative;
}

#locationprops.lpe_block .loc_picker img {
    position: absolute;
    transform: translate(15px, 10px);
}

.back_to_edit_app {
    text-decoration: none;
}

.back_to_edit_app > div,
.cancel_submission > div {
    width: 125px;
    height: 32px;
    padding-left: 25px;
    background-color: #d3d9dd;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 5px center;
    display: inline-block;
}

    .back_to_edit_app > div:hover,
    .cancel_submission > div:hover {
        background-color: #d9dee2;
    }

    .back_to_edit_app > div {
        background-image: url("/images/back_to_edit_app.svg");
    }

    .cancel_submission > div {
        background-image: url("/images/cancel_submission.svg");
    }

.back_to_edit_app > div > span,
.cancel_submission > div > span {
    font-family: 'montserrat_light', Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 32px;
    width: 125px;
    display: inline-block;
    text-align: center;
    color: #444444;
}

.cancel_submission {
    float: right
}

.app_status_wrapper {
    float: right;
    height: 32px;
    width: 125px;
    margin-right: 24px;
    line-height: 32px;
}

    .app_status_wrapper > div {
        white-space: nowrap;
    }

.custom-param {
    margin: 10px 0;
}

.custom-parameters .textarea, 
.custom-parameters .textinput {
    margin: 0;
    max-width: 320px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-parameters .ellipsesdiv {
    display: inline-block;
    width: 100%;
}

    .custom-parameters .ellipsesdiv .ellipseseditor {
        width: calc(100% - 29px);
    }

.plan-container .plan-property .select {
    height: 28px
}

.empty_dash {
    width: 20px;
    height: 2px;
    background-color: #dbdbdb;
}